:root{--ink:#172033;--muted:#687086;--line:#e5e8f1;--canvas:#f4f6fb;--white:#fff;--nav:#101525;--primary:#6c5ce7;--primary-2:#8c7cf6;--blue:#4476f2;--green:#20a779;--orange:#f18b45;--danger:#d84d5f;--shadow:0 18px 45px rgba(27,34,55,.09);--radius:18px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#13192b 0%,#0d1220 100%);color:#fff;display:flex;flex-direction:column;padding:22px 16px;z-index:40}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 26px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 1.16rem Inter,'Segoe UI',Arial,sans-serif}.brand-dark{color:var(--ink)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--primary-2),var(--primary));color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(108,92,231,.32)}
.main-nav{display:grid;gap:7px}.nav-item{width:100%;height:48px;border:0;border-radius:12px;background:transparent;color:#9da6bd;display:flex;align-items:center;gap:13px;padding:0 14px;text-align:left;font-weight:600}.nav-item:hover{background:#191f34;color:#fff}.nav-item.active{background:linear-gradient(110deg,rgba(108,92,231,.24),rgba(108,92,231,.08));color:#fff;box-shadow:inset 3px 0 var(--primary-2)}.nav-count{margin-left:auto;min-width:24px;padding:2px 7px;border-radius:20px;background:#232a40;color:#bfc6d8;text-align:center;font-size:.75rem}.nav-item.active .nav-count{background:var(--primary);color:#fff}.sidebar-help{margin:auto 5px 20px;background:linear-gradient(150deg,#202740,#181e32);border:1px solid #2b3450;border-radius:16px;padding:17px}.sidebar-help .help-orbit{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#302864;color:#a99cff;margin-bottom:12px}.sidebar-help strong{font-size:.9rem}.sidebar-help p{color:#959eb5;font-size:.78rem;line-height:1.55;margin:6px 0 0}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid #262d42;padding:17px 6px 0}.avatar{width:38px;height:38px;border-radius:11px;background:#252d45;color:#d9ddee;display:grid;place-items:center;font-weight:700}.user-card>span:nth-child(2){min-width:0;display:grid}.user-card strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{color:#7f899f;font-size:.72rem}.user-card a{margin-left:auto;color:#8993a9;text-decoration:none;font-size:.75rem}.sidebar-close{display:none}
.main-area{width:calc(100% - 260px);margin-left:260px;min-width:0}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:30}.topbar>div:nth-child(2){display:grid}.breadcrumb{color:#9096a8;font-size:.72rem;margin-bottom:4px}.topbar h1{font:700 1.25rem Inter,'Segoe UI',Arial,sans-serif;margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.version-pill,.version-large{border:1px solid var(--line);border-radius:999px;color:#70778c;padding:7px 12px;font-size:.75rem;font-weight:600;background:#fafbfe}.menu-toggle{display:none}
.workspace{padding:30px 34px 50px;max-width:1540px;margin:auto}.view{display:none}.view.active{display:block;animation:viewIn .25s ease}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.welcome-panel{border-radius:22px;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.13),transparent 27%),linear-gradient(120deg,#6251dc,#806ff3);color:#fff;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 45px rgba(75,62,181,.2);overflow:hidden;position:relative}.welcome-panel:after{content:"";width:260px;height:260px;border:55px solid rgba(255,255,255,.055);border-radius:50%;position:absolute;right:10%;top:-135px}.welcome-panel h2{font:800 clamp(1.35rem,2vw,1.85rem) Inter,'Segoe UI',Arial,sans-serif;margin:7px 0}.welcome-panel p{color:#e2dfff;margin:0;max-width:650px}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:800;color:var(--primary)}.eyebrow.light{color:#d7d0ff}
.btn{border:0;border-radius:11px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.87rem;text-decoration:none;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),#7d6cf0);box-shadow:0 9px 20px rgba(108,92,231,.22)}.btn-white{background:#fff;color:#5f50d5;position:relative;z-index:1}.btn-soft{background:#f0edff;color:#5f50d5}.btn-ghost{background:#fff;color:#5f6678;border:1px solid var(--line);box-shadow:none}.btn-full{width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:.78rem}.icon-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#677084;display:grid;place-items:center;padding:0}.icon-btn.danger{color:var(--danger);background:#fff4f5;border-color:#ffdce1}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 22px rgba(26,32,48,.035)}.stat-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.stat-icon.purple{color:#6c5ce7;background:#eeeaff}.stat-icon.blue{color:#4476f2;background:#eaf0ff}.stat-icon.green{color:#1c9a70;background:#e7f8f2}.stat-icon.orange{color:#e9782f;background:#fff0e5}.stat-card div{display:grid}.stat-card strong{font:800 1.5rem Inter,'Segoe UI',Arial,sans-serif}.stat-card span:last-child{font-size:.78rem;color:var(--muted)}
.content-grid{display:grid;gap:18px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(27,34,55,.035);padding:22px}.panel-head,.section-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head{margin-bottom:18px}.panel-head h3,.section-intro h2{font:750 1rem Inter,'Segoe UI',Arial,sans-serif;margin:0}.section-intro h2{font-size:1.35rem}.panel-head p,.section-intro p{font-size:.78rem;color:var(--muted);margin:4px 0 0}.section-intro{margin-bottom:22px}.text-btn{border:0;background:transparent;color:var(--primary);font-weight:700;font-size:.78rem;display:flex;align-items:center;gap:4px}.text-btn svg{width:15px}.project-list{display:grid}.project-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #eef0f5}.project-row:first-child{border-top:0}.file-badge{width:39px;height:44px;border-radius:10px;display:grid;place-items:center;background:#f1eeff;color:#6654de;position:relative}.file-badge:after{content:'PDF';font-size:.48rem;font-weight:800;position:absolute;bottom:5px}.file-badge svg{width:18px;transform:translateY(-3px)}.project-row>div:nth-child(2){display:grid;min-width:0}.project-row strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row small{color:#8a90a1;font-size:.72rem;margin-top:3px}.project-row>small{text-align:right}.empty-mini{padding:30px;color:#8b91a1;text-align:center;font-size:.84rem}.quick-panel{display:flex;flex-direction:column}.steps{padding:0;margin:2px 0 19px;list-style:none}.steps li{display:flex;gap:12px;padding:10px 0}.steps li>span{width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:grid;place-items:center;background:#f0edff;color:#6757dc;font-weight:800;font-size:.75rem}.steps li>div{display:grid}.steps strong{font-size:.84rem}.steps small{color:#858c9e;font-size:.72rem;margin-top:2px}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.2s ease}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.template-preview{height:185px;background:linear-gradient(145deg,#eef0f8,#f8f9fc);display:grid;place-items:center;position:relative;overflow:hidden}.paper{width:96px;height:136px;background:#fff;border-radius:3px;box-shadow:0 12px 28px rgba(38,43,63,.16);padding:18px 10px;text-align:center}.paper.horizontal{width:150px;height:102px}.paper i,.paper b{display:block;height:4px;border-radius:5px;background:#dfe3ee;margin:10px auto}.paper b{width:60%;height:8px;background:#c8c1fa}.paper i:nth-child(2){width:78%}.paper i:nth-child(3){width:55%}.template-tag{position:absolute;left:13px;top:13px;background:rgba(255,255,255,.9);border:1px solid #e7e9f1;border-radius:20px;padding:5px 9px;font-size:.65rem;font-weight:700;color:#6e7588}.template-body{padding:17px}.template-body h3{font:700 .94rem Inter,'Segoe UI',Arial,sans-serif;margin:0}.template-meta{display:flex;gap:10px;color:#8b91a1;font-size:.7rem;margin:6px 0 15px}.template-actions{display:flex;gap:8px}.template-actions .btn{flex:1}.template-actions .icon-btn{flex:0 0 42px}.empty-state{min-height:330px;border:1px dashed #d8dce8;border-radius:18px;background:rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state.compact{min-height:200px;border:0}.empty-state .empty-icon{width:62px;height:62px;border-radius:18px;background:#ece8ff;color:var(--primary);display:grid;place-items:center}.empty-state h3{margin:16px 0 5px;font:700 1rem Inter,'Segoe UI',Arial,sans-serif}.empty-state p{margin:0 0 18px;color:var(--muted);font-size:.82rem}
.wizard-shell{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.wizard-progress{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);padding:21px}.wizard-step{display:flex;align-items:center;gap:8px;color:#99a0b1}.wizard-step span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#eef0f5;color:#7c8395;font-weight:800;font-size:.75rem}.wizard-step strong{font-size:.78rem}.wizard-step.active{color:var(--ink)}.wizard-step.active span,.wizard-step.done span{background:var(--primary);color:#fff}.wizard-progress i{height:1px;width:70px;background:#e2e5ed;margin:0 13px}.wizard-body{min-height:400px;padding:34px;max-width:950px;margin:auto}.wizard-pane{display:none}.wizard-pane.active{display:block}.wizard-actions{display:flex;border-top:1px solid var(--line);padding:17px 25px}.wizard-actions>span{flex:1}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}label{display:grid;gap:7px;font-size:.78rem;font-weight:700;color:#535b6f}input,select{width:100%;height:43px;border:1px solid #dfe2eb;border-radius:10px;padding:0 12px;background:#fff;color:var(--ink);outline:0}input:focus,select:focus{border-color:#8c7cf6;box-shadow:0 0 0 3px rgba(108,92,231,.1)}label small{font-size:.68rem;color:#9298a8;font-weight:400;line-height:1.4}.tip-card{display:flex;gap:13px;background:#f5f3ff;border:1px solid #e5e0ff;border-radius:13px;padding:15px;margin-top:22px}.tip-icon{color:var(--primary)}.tip-card strong{font-size:.8rem}.tip-card p{margin:4px 0 0;font-size:.75rem;color:#77758b}.upload-zone{border:1.5px dashed #cfd4e2;border-radius:16px;min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#fafbfe;transition:.18s}.upload-zone.dragover{background:#f2efff;border-color:var(--primary)}.upload-zone.compact{min-height:235px}.upload-zone.small{min-height:200px}.upload-illustration{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--primary);background:#eeebff}.upload-zone h3{font:700 .92rem Inter,'Segoe UI',Arial,sans-serif;margin:13px 0 4px}.upload-zone p{font-size:.75rem;color:#858c9e;margin:0 0 14px}.selected-file{display:block;font-size:.72rem;color:var(--green);margin-top:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.top-gap{margin-top:18px}.validation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.validation-card{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid}.validation-card strong{font:750 1.2rem Inter,'Segoe UI',Arial,sans-serif}.validation-card small{font-size:.7rem;color:var(--muted)}.validation-card.error{border-color:#ffd5da;background:#fff7f8;color:#bd3d4f}.validation-card.success{border-color:#cdeee2;background:#f5fcf9;color:#16855e}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;background:#f6f7fa;color:#697084;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-bottom:1px solid var(--line)}.data-table td{font-size:.78rem;padding:13px 12px;border-bottom:1px solid #eef0f4;color:#454d60}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:.67rem;font-weight:800}.status.completed{background:#e9f8f2;color:#15805d}.status.processing{background:#fff4df;color:#af6e00}.status.failed{background:#fff0f2;color:#bc4051}.row-actions{display:flex;justify-content:flex-end;gap:6px}.generation-panel{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding:50px 40px;background:#fafbfe;border:1px solid var(--line);border-radius:17px}.progress-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) 0%,#e5e7ef 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.progress-ring span{position:relative;z-index:1;font:800 1.3rem Inter,'Segoe UI',Arial,sans-serif}.generation-panel h3{font:750 1.2rem Inter,'Segoe UI',Arial,sans-serif;margin:0}.generation-panel p{font-size:.8rem;color:var(--muted)}.progress-bar{height:8px;border-radius:10px;background:#e5e7ef;overflow:hidden}.progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),#9c8df8);transition:width .15s}.generation-panel small{display:block;color:#8c92a2;margin-top:8px}.table-panel{padding:0;overflow:hidden}.table-panel .empty-state{border-top:1px solid var(--line);border-radius:0}.search-box input{width:250px}.projects-table td:first-child{font-weight:700}.file-count{font-weight:700;color:var(--primary)}
.updates-grid{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.timeline{display:grid}.timeline-item{position:relative;padding:0 0 22px 28px;border-left:1px solid #dddfea}.timeline-item:last-child{border-left-color:transparent}.timeline-item:before{content:"";position:absolute;left:-6px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #efedff}.timeline-item h4{margin:0;font:700 .85rem Inter,'Segoe UI',Arial,sans-serif}.timeline-item p{margin:5px 0;font-size:.75rem;color:#697084}.timeline-item small{font-size:.68rem;color:#9aa0af}.version-large{font-size:.78rem;color:var(--primary);background:#f3f1ff;border-color:#e3deff}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(11,15,27,.63);backdrop-filter:blur(4px)}.modal-card{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(3,7,18,.3);padding:25px;position:relative;z-index:1}.modal-card.small{width:min(560px,100%)}.modal-head,.editor-topbar{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font:750 1.2rem Inter,'Segoe UI',Arial,sans-serif;margin:4px 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.editor-modal{padding:0}.editor-modal.open{display:block}.editor-card{width:100%;height:100vh;max-height:none;border-radius:0;padding:0;overflow:hidden}.editor-topbar{height:68px;border-bottom:1px solid var(--line);padding:0 18px}.editor-topbar>div:first-child,.editor-actions{display:flex;align-items:center;gap:11px}.editor-topbar span{display:grid}.editor-topbar strong{font-size:.88rem}.editor-topbar small{font-size:.67rem;color:var(--muted)}.editor-layout{height:calc(100vh - 68px);display:grid;grid-template-columns:245px minmax(0,1fr) 285px}.field-toolbox,.property-panel{padding:18px;background:#fff;overflow:auto}.field-toolbox{border-right:1px solid var(--line)}.property-panel{border-left:1px solid var(--line)}.toolbox-title{display:block;font-size:.62rem;letter-spacing:.1em;color:#949bab;font-weight:800;margin:4px 0 11px}.toolbox-section{margin-bottom:24px}.tool-card{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;margin-bottom:8px;text-align:left}.tool-card:hover{border-color:#a99cf3;background:#faf9ff}.tool-card>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#6654de;background:#efecff}.tool-card>span.image{color:#238e6b;background:#e7f8f2}.tool-card>div{display:grid}.tool-card strong{font-size:.78rem}.tool-card small{font-size:.64rem;color:#8b92a3;margin-top:2px}.page-list{display:grid;gap:8px}.page-button{height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#6c7384;font-size:.75rem}.page-button.active{border-color:#9e91f0;background:#f5f3ff;color:#5d4dd3;font-weight:700}.page-button em{font-style:normal;background:#eceff5;border-radius:20px;padding:2px 7px;font-size:.62rem}.coordinate-help{border-radius:12px;background:#f7f8fb;padding:12px}.coordinate-help strong{font-size:.72rem}.coordinate-help p{font-size:.66rem;color:#7c8395;line-height:1.5;margin:4px 0}.canvas-workspace{min-width:0;background:#e6e8ef;display:flex;flex-direction:column}.canvas-toolbar{height:47px;background:#f9fafc;border-bottom:1px solid #d8dbe4;display:flex;align-items:center;justify-content:center;gap:8px}.canvas-toolbar .icon-btn{width:32px;height:32px}.canvas-toolbar>span{font-size:.72rem;color:#666e80;min-width:42px;text-align:center}.toolbar-divider{height:20px!important;width:1px;background:#dcdfe7;margin:0 5px}.canvas-scroller{flex:1;overflow:auto;padding:36px;display:flex;align-items:flex-start;justify-content:center}.pdf-stage{position:relative;background:#fff;box-shadow:0 16px 44px rgba(36,40,55,.2);transform-origin:top center}.pdf-stage canvas{display:block;max-width:none}.field-layer{position:absolute;inset:0}.placed-field{position:absolute;border:1.5px solid #6c5ce7;background:rgba(108,92,231,.08);color:#5143bc;min-width:20px;min-height:16px;display:flex;align-items:center;overflow:visible;touch-action:none;user-select:none}.placed-field.image{border-color:#24a179;background:rgba(32,167,121,.1);color:#147c5c}.placed-field.selected{outline:2px solid rgba(108,92,231,.25);outline-offset:2px}.placed-field .field-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 5px;pointer-events:none}.placed-field .field-chip{position:absolute;left:0;top:-20px;background:#5e4fd2;color:#fff;border-radius:4px;padding:2px 5px;font-size:9px;line-height:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placed-field.image .field-chip{background:#188c68}.resize-handle{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid currentColor;right:-6px;bottom:-6px;cursor:nwse-resize}.property-empty{text-align:center;padding:80px 10px;color:#8a91a3}.property-empty>span{width:48px;height:48px;border-radius:14px;background:#f0f1f5;display:grid;place-items:center;margin:auto}.property-empty h3{font:700 .86rem Inter,'Segoe UI',Arial,sans-serif;color:#5a6274;margin:13px 0 4px}.property-empty p{font-size:.7rem;margin:0}.property-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.property-head h3{font:700 .9rem Inter,'Segoe UI',Arial,sans-serif;margin:4px 0 0}.property-panel label{margin-bottom:13px}.property-panel input,.property-panel select{height:38px;font-size:.75rem}.check-line{display:flex!important;grid-template-columns:18px 1fr;align-items:start;gap:8px!important;font-weight:500;line-height:1.4}.check-line input{width:16px;height:16px;margin:1px 0}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.coordinate-grid label{margin:0}.property-note{display:block;font-size:.64rem;color:#969cab;line-height:1.4;margin-top:9px}.file-list{display:grid;max-height:60vh;overflow:auto}.file-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:11px 0}.file-item:first-child{border-top:0}.file-item>div{display:grid;min-width:0}.file-item strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item small{color:#9096a7;font-size:.66rem}.file-item a{color:var(--primary)}
.field-layer.preview-mode .placed-field{border-color:transparent;background:transparent;outline:0}.field-layer.preview-mode .field-chip,.field-layer.preview-mode .resize-handle{display:none}
.toast-region{position:fixed;right:22px;bottom:22px;z-index:300;display:grid;gap:10px}.toast{min-width:280px;max-width:390px;background:#151a2b;color:#fff;border-radius:12px;padding:13px 15px;box-shadow:0 15px 40px rgba(0,0,0,.22);font-size:.78rem;display:flex;align-items:center;gap:9px;animation:toastIn .25s ease}.toast.success svg{color:#54d6a6}.toast.error svg{color:#ff7d8d}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.alert{border-radius:10px;padding:11px 13px;margin:12px 0;font-size:.78rem}.alert-error{background:#fff0f2;color:#a92f41;border:1px solid #ffd4da}.alert-success{background:#effaf6;color:#147656;border:1px solid #ceeee2}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#eeebff,transparent 30%),radial-gradient(circle at 90% 85%,#e6f4ff,transparent 28%),#f6f7fb}.auth-card,.install-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.install-card{width:min(760px,100%)}.auth-heading{margin:28px 0 20px}.auth-heading h1,.success-panel h1{font:800 1.6rem Inter,'Segoe UI',Arial,sans-serif;margin:7px 0}.auth-heading p,.success-panel p{font-size:.82rem;line-height:1.5;color:var(--muted);margin:0}.auth-form{display:grid;gap:14px}.auth-foot{text-align:center;color:#9ba1af;font-size:.67rem;margin:22px 0 0}.form-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.form-section h2{font:700 .95rem Inter,'Segoe UI',Arial,sans-serif;margin:0 0 14px}.success-panel{text-align:center;padding:30px}.success-panel .btn{margin-top:14px}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:210px minmax(0,1fr) 260px}.dashboard-grid{grid-template-columns:1fr}.quick-panel{display:none}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.22s ease}.sidebar.open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.25)}.sidebar-close,.menu-toggle{display:grid}.main-area{width:100%;margin-left:0}.topbar{height:76px;padding:0 18px;gap:12px}.workspace{padding:20px 17px 40px}.breadcrumb{display:none}.top-actions .version-pill{display:none}.welcome-panel{padding:25px;align-items:flex-start;gap:20px}.welcome-panel .btn{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.section-intro{align-items:flex-start;flex-wrap:wrap}.template-grid{grid-template-columns:1fr 1fr}.wizard-progress{padding:15px 8px}.wizard-step strong{display:none}.wizard-progress i{width:40px;margin:0 6px}.wizard-body{padding:22px;min-height:430px}.editor-layout{grid-template-columns:1fr}.field-toolbox,.property-panel{position:absolute;z-index:5;top:68px;bottom:0;width:270px;box-shadow:10px 0 30px rgba(0,0,0,.15)}.field-toolbox{left:0;transform:translateX(-100%)}.property-panel{right:0;transform:translateX(100%)}.field-toolbox.mobile-open,.property-panel.mobile-open{transform:none}.canvas-scroller{padding:25px 15px}.editor-actions .btn-ghost{display:none}.updates-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar h1{font-size:1.05rem}.top-actions .btn{font-size:0;width:42px;padding:0}.top-actions .btn svg{margin:0}.welcome-panel h2{font-size:1.25rem}.welcome-panel p{font-size:.78rem}.stat-grid{grid-template-columns:1fr 1fr}.stat-icon{width:38px;height:38px}.stat-card{gap:9px}.stat-card strong{font-size:1.15rem}.stat-card span:last-child{font-size:.67rem}.template-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.section-intro>.btn{width:100%}.wizard-body{padding:18px}.validation-cards{grid-template-columns:1fr}.generation-panel{grid-template-columns:1fr;text-align:center;padding:28px}.progress-ring{margin:auto}.editor-topbar{padding:0 10px}.editor-topbar .btn{font-size:0;width:42px;padding:0}.search-box,.search-box input{width:100%}.modal{padding:10px}.modal-card{max-height:calc(100vh - 20px);padding:20px}.auth-card,.install-card{padding:23px}}