:root{--ink:#203447;--muted:#7c8997;--blue:#2464e8;--border:#e6eaf0;--paper:#fff;--soft:#f7f9fc;--navy:#14364b;--cyan:#8ee1f1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--soft)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #8ab4ff;outline-offset:2px}button:hover{filter:brightness(.97)}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;display:block;flex-shrink:0}input,textarea,select{border:1px solid #dfe5ed;border-radius:7px;padding:10px 11px;min-width:0;background:white;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#80a5ed}textarea{width:100%;resize:vertical;line-height:1.6}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}h1,h2,h3,p{margin:0}h2{font-size:15px;letter-spacing:-.3px}h3{font-size:13px}button.primary,button.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 16px;border-radius:8px;font-weight:600}.primary{background:var(--blue);color:white;box-shadow:0 2px 3px #2464e815}.secondary{border:1px solid #dfe5ed;background:white}.text-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#6f7e8c}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#edf2fa}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--blue);border-radius:11px;width:38px;height:38px;color:white;font-size:40px;font-weight:750;line-height:1;padding-bottom:6px;letter-spacing:-2px}.brand strong{font-size:21px;letter-spacing:-1px;line-height:1}.brand strong span{display:block;font-size:8px;letter-spacing:1.3px;font-weight:500;margin-top:6px;color:#8493a1}.muted{color:var(--muted);line-height:1.65}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue)}.error{color:#c33d42;font-size:12px;min-height:18px}.loading{height:100dvh;display:flex;gap:16px;align-items:center;justify-content:center;color:var(--muted)}[hidden]{display:none!important}
.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:#102e42;position:relative;overflow:hidden;padding:38px 44px;min-height:700px;color:white}.brand-light .brand-mark{background:#fff;color:#183c53}.brand-light strong span{color:#8ca5b5}.login-message{position:relative;z-index:2;margin-top:100px}.login-message .eyebrow{color:#9adceb}.login-message h1{font-size:clamp(36px,4.2vw,62px);font-weight:650;letter-spacing:-2.3px;line-height:1.09;margin:24px 0}.login-message p{color:#abc0cc;font-size:15px;line-height:1.7}.login-preview{position:absolute;width:260px;height:462px;background:#0a1824 url('/assets/bg-lucatech.jpg') center/cover;right:-15px;bottom:-35px;transform:rotate(-11deg);border:1px solid #38515e;box-shadow:-20px 8px 60px #0004;border-radius:5px;padding:25px;opacity:.93}.login-preview>img:first-child{width:100%}.login-preview b{display:block;color:#96d5ea;font-size:75px;margin-top:20px;line-height:1}.login-preview span{font-size:12px;letter-spacing:1px}.login-preview .preview-product{width:100%;margin-top:20px}.preview-lines{height:100px;margin-top:20px;background:repeating-linear-gradient(transparent 0 12px,#ffffff15 12px 14px);width:100%}.login-caption{position:absolute;bottom:40px;font-size:9px;letter-spacing:3px;color:#7e9aa9}.login-form-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px}.login-form-wrap form{width:100%;max-width:350px}.workspace-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;font-size:22px;border-radius:17px;background:#e9f1fa;color:#315b7c;font-weight:700;margin-bottom:30px}.login-form-wrap h2{font-size:30px;font-weight:650;letter-spacing:-1px;margin:12px 0}.login-form-wrap .muted{font-size:13px;margin-bottom:34px}.password-field{display:flex;position:relative}.password-field input{width:100%;height:48px;padding-right:65px}.password-field button{position:absolute;right:10px;top:15px;font-size:11px;color:var(--muted)}.login-form-wrap .error{margin:10px 0}.login-submit{width:100%;height:48px}.login-submit span{margin-left:auto;font-size:20px}.login-note{display:flex;align-items:center;gap:9px;color:#8a98a4;font-size:11px;line-height:1.5;margin-top:26px}.login-note svg{width:16px}.login-form-wrap>small{position:absolute;bottom:28px;color:#9ba6b0;font-size:10px}
.topbar{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:0 24px;background:#fff}.top-separator{width:1px;height:29px;background:var(--border)}.document-name{min-width:100px;max-width:350px;flex:1}.document-name input{border:0;font-size:13px;font-weight:600;padding:0;width:100%;background:transparent}.document-name input:focus{outline:0}.document-name>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#8995a3;margin-top:7px}.document-name i,.online-dot{width:5px;height:5px;border-radius:100%;display:inline-block;background:#89a097}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.avatar{background:#eff2f7;color:#45627b;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:650;margin-left:9px}.workspace{height:calc(100dvh - 74px);display:grid;grid-template-columns:78px 258px minmax(260px,1fr) 244px}.toolrail{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);padding:16px 7px;gap:9px}.toolrail>button,.rail-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:65px;width:100%;border-radius:9px;font-size:9px;color:#6b7d8d}.toolrail button svg{width:21px;height:21px}.toolrail button.active{color:var(--blue);background:#edf3ff}.type-icon{height:21px;font-family:Georgia,serif;font-size:25px;line-height:20px}.rail-bottom{margin-top:auto}.library-panel{display:flex;flex-direction:column;background:white;border-right:1px solid var(--border);min-height:0}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:22px 19px 16px;min-height:57px}.panel-title h2{font-size:14px;font-weight:650}.panel-footer{font-size:9px;color:#83919b;border-top:1px solid var(--border);padding:17px 16px;margin-top:auto;display:flex;gap:7px;align-items:center;flex-shrink:0}#panel-content{overflow:auto;padding:0 18px 24px}.panel-intro{font-size:11px;line-height:1.65;color:#8b96a3;margin-bottom:20px}.template-card{display:block;position:relative;width:100%;text-align:left;padding:0;border:1px solid #e1e7ef;border-radius:10px;overflow:hidden;margin-bottom:14px;transition:transform .15s,border-color .15s}.template-card:hover{border-color:#9db8e8;transform:translateY(-2px)}.template-preview{height:190px;background:#e8eef3;display:flex;justify-content:center;padding:12px;gap:10px;overflow:hidden}.mini-art{width:98px;background:#0c2130 url('/assets/bg-lucatech.jpg') center/cover;position:relative;box-shadow:0 3px 8px #20344720;transform:rotate(-5deg);padding:9px;color:#c4eaf5}.mini-art>img{width:100%;display:block}.mini-art b{font-size:31px;line-height:1;display:block;margin-top:9px}.mini-art small{font-size:4px;letter-spacing:.5px}.mini-art img.mini-product{width:78%;height:68px;object-fit:contain;margin:5px auto}.mini-art .lines{height:27px;background:repeating-linear-gradient(transparent 0 6px,#ffffff22 6px 7px)}.template-caption{padding:12px 13px;background:white;display:flex;align-items:center;justify-content:space-between}.template-caption span{font-size:10px;color:#8e9ba7;display:block;margin-top:4px}.template-caption svg{width:16px;color:#96a5b1}.template-card.blank .template-preview{height:78px;align-items:center;justify-content:flex-start;padding-left:20px;background:#f8fafc}.blank-sheet{border:1px dashed #bdc9d6;width:29px;height:47px;display:flex;align-items:center;justify-content:center;color:#9aa9b7}.template-card.blank .template-caption{padding:0;background:none}.badge{font-size:8px;padding:3px 5px;border-radius:4px;background:#eaf6f2;color:#479783}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.6px;font-weight:650;margin:22px 0 10px;color:#8694a2}.add-text{width:100%;padding:15px;border:1px solid var(--border);border-radius:7px;margin-bottom:9px;text-align:left}.add-text.large{font-size:24px;font-weight:700}.add-text.medium{font-size:17px;font-weight:600}.add-text.small{font-size:12px;color:#8191a0}.full{width:100%}.field{margin:14px 0}.field small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:6px}.upload-zone{border:1px dashed #b8cae4;background:#f6f9ff;display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;padding:22px 9px;border-radius:8px;color:var(--blue);font-size:11px;font-weight:600}.upload-zone small{font-size:9px;color:#8c9aab;font-weight:400}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset{border:1px solid var(--border);border-radius:7px;overflow:hidden;min-width:0;padding:7px;background:#f7f9fc}.asset>img{width:100%;height:83px;object-fit:contain;display:block}.asset>span{display:block;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px;color:#6f7e8f}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.swatch{height:30px;border-radius:5px;border:1px solid #0001}.bg-preview{width:100%;height:150px;border-radius:8px;object-fit:cover}.layer{display:flex;align-items:center;gap:7px;padding:10px 6px;border-bottom:1px solid var(--border);width:100%;text-align:left;font-size:11px;cursor:pointer}.layer.selected{background:#edf3ff;color:var(--blue);border-radius:6px}.layer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer>svg{width:15px}.layer .icon-button{width:23px;height:23px}.layer .icon-button svg{width:13px}.saved-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:12px}.saved-card>button:first-child{display:block;width:100%;padding:12px;text-align:left}.saved-thumb{background:#edf1f7;text-align:center;border-radius:4px;margin-bottom:10px}.saved-thumb img{height:125px;max-width:100%;object-fit:contain;vertical-align:middle}.saved-card strong{font-size:11px}.saved-card small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.saved-card .saved-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding:3px}.empty{padding:20px 0;color:var(--muted);font-size:12px;line-height:1.7}.notice{border:1px solid #e5ebf4;border-radius:7px;background:#f7f9fd;padding:12px;font-size:10px;line-height:1.7;color:#7a899b}
.stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:#edf1f5;background-image:radial-gradient(#bac6d238 .7px,transparent .7px);background-size:8px 8px}.stage-toolbar{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;flex-shrink:0}.format-pill{display:flex;align-items:center;gap:6px;font-size:11px;color:#647788}.format-pill svg{width:15px;height:15px}.format-pill>span{color:#96a3b0;font-size:10px}.stage-toolbar .text-button svg{width:15px}.canvas-area{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:18px 30px 28px}#canvas-shell{position:relative;flex-shrink:0;box-shadow:0 5px 22px #253c4e1a,0 1px 3px #253c4e14;background:#10232f}#artboard{display:block;width:100%;height:100%;touch-action:none;user-select:none}.stage-bottom{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;gap:10px;background:#f9fbfce8;border-top:1px solid #dfe6ee;flex-shrink:0}.page-actions{display:flex;align-items:center;gap:2px}.page-actions select{padding:6px 3px;background:transparent;border:0;font-size:10px}.page-actions .icon-button{width:26px;height:28px}.page-actions svg{width:14px}.canvas-hint{font-size:10px;color:#9aa7b3}.zoom-controls{display:flex;align-items:center;gap:3px;font-size:11px}.zoom-controls>button{height:28px;min-width:25px;border-radius:5px}.zoom-controls>button:hover{background:#e5ecf6}.inspector{border-left:1px solid var(--border);background:white;overflow:auto}.inspector .panel-title{border-bottom:1px solid var(--border)}#inspector-content{padding:19px 17px}.inspector-empty{padding-top:26px;text-align:center}.inspector-empty>svg{margin:auto;color:#acbdcd;width:38px;height:38px;stroke-width:1.3}.inspector-empty h3{margin:18px 0 9px;font-size:12px}.inspector-empty p{font-size:11px;line-height:1.8;color:var(--muted)}.document-info{margin-top:35px;border-top:1px solid var(--border);padding-top:20px;text-align:left}.document-info p{display:flex;justify-content:space-between;margin-top:13px;font-size:10px}.document-info span{color:#7b8e9e}.inspector .field{margin:0 0 17px}.inspector input:not([type=checkbox]):not([type=range]),.inspector select{width:100%;font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.inspector input[type=color]{height:34px;padding:3px}.inspector input[type=range]{width:100%;accent-color:var(--blue)}.inspector label{font-size:10px;color:#6c7c8e;font-weight:500}.inspector textarea{font-size:11px}.control-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.control-buttons button{flex:1;border:1px solid var(--border);height:32px;border-radius:5px;font-size:12px;display:flex;align-items:center;justify-content:center}.control-buttons button.on{background:#ecf2ff;border-color:#b7cdf9;color:var(--blue)}.control-buttons svg{width:16px}.divider{border:0;border-top:1px solid var(--border);margin:20px 0}.danger{color:#c64a50!important}.hint{font-size:10px;line-height:1.65;color:#8b99a5}.selected-name{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:600}.selected-name svg{width:16px;color:var(--blue)}.mobile-close{display:none}.warning{font-size:10px;background:#fff5e2;padding:8px;color:#9f6d14;line-height:1.5;border-radius:5px;margin-bottom:12px}
dialog{border:0;border-radius:16px;padding:24px;box-shadow:0 25px 80px #102e4233;width:420px;max-width:calc(100vw - 32px);color:var(--ink)}dialog::backdrop{background:#162c4966;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:19px}.modal-header .icon-button{font-size:24px;color:#8b99a5}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.modal-body{color:#7a899a;font-size:12px;line-height:1.7}.export-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.export-option{padding:16px 10px;border:1px solid var(--border);border-radius:8px;text-align:left}.export-option.selected{border-color:var(--blue);background:#f0f5ff}.export-option strong{display:block;font-size:15px;margin-bottom:7px}.export-option small{font-size:9px;color:#8a97a5}.export-preview{display:flex;align-items:center;gap:15px;background:#f4f7fb;border-radius:8px;padding:14px}.export-preview img{height:76px;max-width:50px;object-fit:contain;border-radius:2px}.export-preview strong{font-size:12px;display:block}.export-preview span{display:block;margin-top:7px;color:#8e9baa;font-size:11px}.modal-field{margin:16px 0}.modal-field input,.modal-field select{width:100%}.check-row{display:flex;gap:8px;align-items:center;font-size:11px;color:#7d8d9b;margin:18px 0}.check-row input{accent-color:var(--blue)}.key-row{display:flex;justify-content:space-between;margin-bottom:13px;font-size:12px}kbd{font-family:inherit;font-size:10px;background:#eef2f8;padding:4px 7px;border-radius:4px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:13px 20px;background:#203c51;color:white;border-radius:9px;box-shadow:0 4px 20px #16304820;z-index:100;font-size:12px;max-width:90vw;text-align:center;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.workspace{grid-template-columns:84px 290px minmax(300px,1fr) 270px}.template-preview{height:220px}.mini-art{width:112px}.mini-art img.mini-product{height:87px}}@media(max-width:1200px){.workspace{grid-template-columns:70px 225px minmax(240px,1fr) 210px}.topbar{padding:0 16px;gap:18px}.canvas-hint{display:none}.stage-toolbar{padding:0 13px}.format-pill>span{display:none}.template-preview{height:172px}.mini-art{width:88px}.mini-art img.mini-product{height:55px}.stage-bottom{padding:0 10px}.library-panel .panel-footer{font-size:8px}}@media(max-width:990px){.workspace{grid-template-columns:70px 220px minmax(200px,1fr)}.inspector{display:none}.inspector.open{display:block;position:absolute;right:0;top:74px;bottom:0;width:240px;z-index:12;box-shadow:-5px 0 30px #20344715}.inspector .mobile-close{display:flex}.top-separator{display:none}.brand strong{font-size:18px}.top-actions{gap:5px}.login-message{margin-top:70px}.login-message h1{font-size:42px}.login-art{padding:32px}.login-preview{right:-60px}.login-form-wrap{padding:32px}}@media(max-width:700px){.topbar{height:65px;padding:0 11px;gap:12px}.topbar .brand strong{display:none}.brand-mark{width:32px;height:32px;font-size:33px;border-radius:9px}.top-actions{gap:2px}.top-actions .primary{padding:8px 10px;font-size:11px;min-height:34px}.top-actions .secondary{padding:6px;min-height:34px;border:0}.top-actions .icon-button{width:27px}.top-actions svg{width:17px}.avatar{width:28px;height:28px;margin-left:4px}.desktop-label{display:none}.document-name input{font-size:11px}.document-name>span{font-size:8px}.workspace{height:calc(100dvh - 65px);display:flex;flex-direction:column}.toolrail{order:3;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--border);padding:5px 3px calc(5px + env(safe-area-inset-bottom));gap:1px;flex-shrink:0}.toolrail>button{height:53px;font-size:8px;gap:6px}.toolrail button svg{width:19px;height:19px}.rail-bottom{display:none}.stage{flex:1}.stage-toolbar{height:42px;padding:0 16px}.format-pill{font-size:10px}.format-pill>span{display:inline;font-size:8px}.stage-toolbar .text-button{font-size:9px}.stage-toolbar .text-button svg{width:13px}.canvas-area{padding:10px 20px 18px}.stage-bottom{height:42px}.library-panel{display:none;position:absolute;left:0;bottom:69px;top:65px;width:260px;z-index:11;box-shadow:5px 0 30px #20344720}.library-panel.open{display:flex}.mobile-close{display:flex}.inspector.open{top:65px;bottom:69px;width:245px}.top-actions #redo{display:none}.login-screen{grid-template-columns:1fr}.login-art{min-height:280px;padding:25px}.login-message{margin-top:32px}.login-message h1{font-size:34px;margin:12px 0;letter-spacing:-1.5px}.login-message p{font-size:11px;line-height:1.6}.login-message .eyebrow{font-size:8px}.login-preview{width:140px;height:249px;right:0;bottom:-10px;padding:14px}.login-preview b{font-size:40px;margin-top:8px}.login-preview span{font-size:6px}.login-preview .preview-product{margin-top:10px}.login-caption{display:none}.login-form-wrap{padding:35px 28px 30px;display:block}.login-form-wrap form{margin:auto;max-width:400px}.login-form-wrap h2{font-size:26px}.workspace-icon{display:none}.login-form-wrap .muted{margin-bottom:24px}.login-form-wrap>small{display:block;position:static;text-align:center;margin-top:30px}.login-note{margin-top:20px}#toast{bottom:95px;width:max-content;max-width:90vw}.panel-footer{display:none}.canvas-hint{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.catalogue-preview{height:240px;background:#e8eef3}.catalogue-preview img{height:100%;max-width:100%;object-fit:contain;box-shadow:0 3px 10px #10253525}.catalogue-row{display:flex;align-items:flex-start;gap:8px;width:100%;padding:11px 5px;text-align:left;border-bottom:1px solid var(--border);font-size:11px;line-height:1.5}.catalogue-row span{color:var(--muted);font-size:10px;min-width:18px}.catalogue-row b{font-weight:500;overflow-wrap:anywhere;white-space:pre-line}.catalogue-row:hover,.catalogue-row.selected{background:#edf3ff;color:var(--blue)}#model-search{width:100%}
/* Guided catalogue editing: Lucatech orange marks the three working steps. */
.easy-launch{display:flex;align-items:center;gap:14px;background:#fff2e4;border:1px solid #f5c590;color:#864400;font-weight:650;font-size:12px;padding:9px 14px;border-radius:8px}.stage-toolbar{gap:16px}.stage-toolbar .format-pill{margin-left:auto}.stage-toolbar #copy-design{font-size:11px}.easy-launch:hover{background:#ffe4c4}#easy-dialog{width:min(1220px,96vw);max-width:none;height:min(900px,94dvh);max-height:94dvh;padding:0;border:0;border-radius:16px;background:#f8fafc;color:#183044;overflow:hidden}#easy-dialog[open]{display:flex;flex-direction:column}#easy-dialog::backdrop{background:#10253788;backdrop-filter:blur(3px)}.easy-header{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;background:white;border-bottom:1px solid #e0e7ed;flex-shrink:0}.easy-header h2{margin:7px 0 0;font-size:21px;letter-spacing:-.4px}.easy-eyebrow{font-size:9px;letter-spacing:1.5px;color:#946230;font-weight:700}.easy-steps{display:flex;gap:14px;padding:16px 28px;background:#fff;border-bottom:1px solid #e0e7ed;flex-shrink:0}.easy-steps button{display:flex;gap:9px;align-items:center;padding:8px 13px;font-size:12px;color:#748492;border-radius:8px}.easy-steps button span{border:1px solid #cbd5df;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11px}.easy-steps button.active{background:#fff0df;color:#8d4a0b}.easy-steps button.active span{background:#ef850d;border-color:#ef850d;color:white}.easy-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0;flex:1}#easy-controls{padding:25px 28px;overflow:auto;min-width:0}.easy-preview{border-left:1px solid #e0e7ed;background:#edf2f6;padding:18px 23px;overflow:auto;display:flex;flex-direction:column;align-items:center}.easy-preview-top{width:100%;display:flex;justify-content:space-between;font-size:10px;color:#667f90;margin-bottom:14px}.easy-phone{padding:7px;border:2px solid #253e50;border-radius:25px;background:#183044;max-height:100%;max-width:100%;width:245px;box-shadow:0 8px 25px #23405b20}.easy-phone canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:18px}.easy-paging{display:flex;justify-content:center;gap:20px;align-items:center;font-size:11px;margin:14px 0}.easy-paging button{width:32px;height:30px;background:white;border:1px solid #d5dfe7;border-radius:7px}.easy-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 28px;border-top:1px solid #e0e7ed;background:white;flex-shrink:0}.easy-footer p{font-size:11px;line-height:1.5;color:#687d8d;max-width:42%}.easy-footer>div{display:flex;gap:9px}.easy-section-title{display:flex;flex-direction:column;gap:6px;margin-bottom:19px}.easy-section-title h3{font-size:19px;letter-spacing:-.3px}.easy-section-title span,.easy-table-tools span{font-size:11px;color:#798a98}.easy-brands{display:flex;gap:8px;margin-bottom:17px;flex-wrap:wrap}.easy-brands button{border:1px solid #d4dee7;border-radius:8px;padding:10px 14px;background:white;font-size:12px}.easy-brands small{margin-left:8px;color:#8295a4}.easy-brands .active{border-color:#ef850d;color:#9a5105;background:#fff6ec}.easy-table-tools{display:flex;align-items:center;gap:16px;margin-bottom:13px}.easy-row{display:grid;grid-template-columns:25px minmax(110px,1fr) 80px 89px 52px;gap:9px;align-items:start;background:white;padding:13px 10px;border:1px solid #e0e7ed;border-radius:9px;margin-bottom:9px}.easy-row:has(.easy-row-colors){grid-template-columns:25px minmax(100px,1fr) 100px 68px 80px 48px}.easy-row label{font-size:9px;color:#73889a;display:flex;flex-direction:column;gap:6px}.easy-row input:not([type=checkbox]),.easy-row textarea,.easy-row select{width:100%;font-size:12px;padding:8px 7px;border:1px solid #d7e0e8;border-radius:6px;color:#16364c;background:#fff;resize:vertical;min-width:0}.easy-row textarea{min-height:53px}.easy-row-order{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#7d90a0;gap:3px}.easy-row-order button{font-size:14px;width:24px}.row-handle{cursor:grab}.easy-row-actions{display:flex;flex-direction:column;gap:13px;padding-top:18px;font-size:10px}.easy-row-actions label{flex-direction:row;gap:3px;align-items:center}.easy-row-actions button{color:#aa4f42;font-size:10px}.easy-row.is-hidden{background:#eef1f4}.easy-row.is-hidden textarea{color:#91a0ac}.easy-row.drop-target{border:2px solid #ee8a22}.easy-import{padding:16px;border:1px dashed #b8c9d7;border-radius:9px;margin-top:20px;background:#fff}.easy-import summary{font-size:12px;font-weight:600;cursor:pointer}.easy-import p{font-size:11px;line-height:1.6;color:#7a8b99;margin:12px 0}.easy-import textarea{width:100%;font-size:13px;margin-bottom:12px}.easy-import label{display:block;font-size:11px;margin-bottom:12px}.easy-empty{padding:30px 10px;font-size:12px;color:#7a8a99}.easy-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.easy-theme{border:1px solid #dbe2e9;border-radius:10px;padding:10px;background:white;text-align:left}.easy-theme.active{border:2px solid #ef850d;padding:9px}.theme-sample{display:flex;flex-direction:column;gap:6px;background:var(--theme-bg);color:var(--theme-ink);padding:14px;border-radius:6px;height:130px}.theme-sample b{line-height:1.4}.theme-sample i{height:3px;width:70%;background:#f58209;opacity:.6}.theme-sample i:last-child{width:45%}.easy-theme strong{font-size:11px;display:block;margin-top:10px}.easy-appearance{display:grid;grid-template-columns:1fr 2fr;gap:20px}.easy-appearance label,.easy-wide-label{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-bottom:20px}.easy-appearance input{height:40px;width:100%}.easy-appearance select,.easy-wide-label input{width:100%;font-size:14px}.easy-wide-label small{color:#8a9ca8}.easy-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:16px 0}.easy-note{background:#edf3f8;color:#687f91;border-radius:8px;padding:16px;font-size:12px;line-height:1.75;margin-top:18px}.easy-summary{display:flex;flex-wrap:wrap;gap:15px}.easy-summary>div{display:flex;flex-direction:column;gap:9px;padding:20px;background:white;border:1px solid #dbe4ec;border-radius:9px;flex:1;min-width:120px}.easy-summary b{font-size:22px}.easy-summary span{font-size:11px;color:#7a8e9d}.history-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.history-item{display:flex;flex-direction:column;gap:5px;text-align:left;border-bottom:1px solid #dbe4ec;padding:12px 6px;width:100%;font-size:12px}.history-item span{font-size:10px;color:#7a8a98}.history-item:hover{background:#edf4fb}#history-list{max-height:400px;overflow:auto}#history-preview canvas{width:100%;height:auto;max-width:216px;display:block;margin:auto}#history-preview .primary{font-size:11px}.export-workspace{display:grid;grid-template-columns:230px 1fr;gap:26px}.export-phone{position:relative;border:5px solid #1e3545;border-radius:22px;overflow:hidden;align-self:start;background:#142b3b}.export-phone canvas{display:block;width:100%;height:auto}.export-phone-ui{position:absolute;top:0;left:0;right:0;padding:12px 9px 7px;background:#122735a8;color:#fff;display:flex;flex-direction:column;gap:5px;font-size:9px}.export-phone-reply{position:absolute;bottom:6px;left:8px;right:8px;color:#fff;border:1px solid #ffffff66;border-radius:20px;padding:6px;font-size:9px;text-align:center}.export-settings>strong{font-size:15px}.export-settings #share-file{margin-top:10px}.export-settings #export-project{font-size:10px;margin-top:15px}.export-settings #export-pages{width:100%}dialog:has(#export-root){width:690px;max-width:95vw}.export-settings .hint{line-height:1.7;margin:10px 0}
@media(max-width:1100px){.stage-toolbar .format-pill{display:none}.easy-body{grid-template-columns:minmax(0,1fr) 270px}.easy-preview{padding:16px}.easy-row:has(.easy-row-colors){grid-template-columns:25px 1fr 1fr}.easy-row-colors{grid-column:2/4}.easy-row-price{grid-column:2}.easy-row-status{grid-column:3}.easy-row:has(.easy-row-colors) .easy-row-actions{grid-column:2/4;flex-direction:row;padding-top:0}}
@media(max-width:700px){.top-actions #version-history{display:none}.stage-toolbar{gap:8px;padding:6px 10px;height:48px}.stage-toolbar #copy-design{font-size:9px}.stage-toolbar #toggle-guides{margin-left:auto}.easy-launch{font-size:11px;padding:7px 10px;gap:6px}#easy-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.easy-header{padding:16px}.easy-header h2{font-size:17px}.easy-steps{padding:10px 8px;gap:3px;justify-content:space-between}.easy-steps button{font-size:10px;padding:6px;gap:5px}.easy-steps button span{width:21px;height:21px}.easy-body{display:flex;flex-direction:column;overflow:auto}#easy-controls{padding:18px 14px;overflow:visible}.easy-preview{display:none;border:0;overflow:visible}.easy-preview-top{max-width:280px}#easy-dialog[data-step="2"] .easy-preview{display:flex}#easy-dialog[data-step="2"] #easy-controls{padding-bottom:0}.easy-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:9px}.easy-footer p{max-width:100%;font-size:10px}.easy-footer>div{width:100%;justify-content:flex-end}.easy-footer button{font-size:11px;min-height:39px;padding:8px 12px}.easy-row,.easy-row:has(.easy-row-colors){grid-template-columns:23px 1fr 1fr;padding:12px 9px}.easy-row-model{grid-column:2/4}.easy-row-order{grid-row:1/4}.easy-row input:not([type=checkbox]),.easy-row textarea,.easy-row select{font-size:16px}.easy-row-price{grid-column:2}.easy-row-status{grid-column:3}.easy-row-actions,.easy-row:has(.easy-row-colors) .easy-row-actions{grid-column:2/4;flex-direction:row;align-items:center;justify-content:space-between;padding-top:0}.easy-row-actions label{font-size:12px}.easy-row-actions button{font-size:12px}.easy-table-tools span{font-size:10px}.easy-brands{gap:5px}.easy-brands button{padding:8px 10px;font-size:11px}.easy-themes{gap:7px}.easy-theme{padding:7px}.easy-theme.active{padding:6px}.easy-theme strong{font-size:9px}.theme-sample{height:110px;padding:9px}.easy-summary{gap:8px}.easy-summary>div{min-width:80px;padding:12px}.easy-summary b{font-size:17px}.export-workspace{grid-template-columns:1fr;gap:18px}.export-phone{width:175px;margin:auto}.export-settings .export-options{margin-top:10px}.history-layout{grid-template-columns:1fr 1fr;gap:12px}#history-preview .primary{padding:8px 5px}.easy-wide-label input,.easy-appearance select,.easy-import textarea{font-size:16px}}

@media(max-width:700px){#easy-dialog[data-step="2"] .easy-preview{order:-1;padding-top:20px}#easy-dialog[data-step="2"] .easy-phone{width:220px}.easy-body>*{flex-shrink:0}}