:root{color-scheme:light;--bg:#f8f5f0;--panel:#ffffff;--panel2:#faf9f6;--line:#e7e2db;--text:#262b35;--muted:#6f7480;--green:#dd8600;--purple:#5267a0;--red:#bb3434;--radius:15px;font-family:"Noto Sans Bengali","Segoe UI",Arial,sans-serif;font-size:14px}
body{background:var(--bg)}h1,h2,h3{letter-spacing:0}h1{font-size:28px}.primary{background:#ed9800!important;color:#fff!important;border-color:#ed9800!important}.primary:hover{background:#d98900!important}.accent{background:#fff2d9;border-color:#efcf98;color:#935d00}button:hover,.button:hover{background:#fff6e7;border-color:#dbb87d}input,select,textarea{background:#fff;color:var(--text);border-color:#dddfe4}input:focus,select:focus,textarea:focus{border-color:#e99714;box-shadow:0 0 0 3px #f3aa3020}.sidebar{background:#fff;border-color:#eee7db}.brand{font-size:19px}.brand-mark{background:#ed9800;color:white}.brand small{letter-spacing:0;font-size:10px}.navlink{color:#666c75;font-size:13px}.navlink:hover{background:#fff5e5;color:#9a5d00}.navlink.active{background:#fff2d9;color:#b26b00;box-shadow:inset 3px 0 #e99714}.navlabel{letter-spacing:0;font-size:12px;color:#9a8b74}.topbar{background:white;border-color:#eee9e1}.topbar .search{border:1px solid #ece8e1;border-radius:24px;padding:9px 15px}.online:before{background:#19a567}.eyebrow{letter-spacing:.6px;font-size:11px;color:#b3720d}.panel,.metric,.quick,.photo-card,.area-card{box-shadow:0 3px 15px #26334d04}.hero{background:linear-gradient(105deg,#fff0d6,#fff9ed);border-color:#f1d6a5}.hero p{color:#877452}.hero-orbit{background:#ef9b1610;border-color:#edb35560;box-shadow:24px 24px 0 #eaae3509}.hero-orbit .icon{color:#dc961f}.hero h2{letter-spacing:0}.metric .value{color:#273044}.quick .tile-icon{background:#fff0d6;color:#c2800e}.quick small,.queue-item small,.photo-info small{font-size:11px}.badge{color:#a66400;background:#fff2d9;letter-spacing:0}.badge.ready{color:#087c45;background:#e8f7ef}.badge.editing,.badge.waiting{color:#977222;background:#fff6da}.badge.printed{color:#8b579e;background:#f5eefa}.badge.delivered{color:#617b6a;background:#edf4ef}.alert{background:#f2f5fb;color:#4d648e;border-color:#d6dfed}.alert.error{background:#fff0ef;border-color:#f2cbca;color:#a63434}.alert.success{background:#edf9f1;color:#287b45;border-color:#cbe9d4}.profile-avatar{background:#fff0d6;color:#bb8316}.photo-card img{background:repeating-conic-gradient(#f0f1f3 0% 25%,#fafafb 0% 50%) 50% / 16px 16px}.avatar{background:#f5bd4d;color:#734900}.tool-heading{color:#9a6f2e;letter-spacing:.4px}.editor summary{color:#4c5362}.editor label span{color:#7f8693}dialog{background:white;border-color:#e2dbd0;box-shadow:0 15px 100px #151e3940}dialog::backdrop{background:#18213970}.auth-page{background:radial-gradient(ellipse at 70% 0%,#ffefce,transparent 65%),#f8f5f0}.auth-card{background:white;border-color:#e8dfd0;box-shadow:0 12px 60px #8a632312}.auth-card h1{font-size:32px}.loading{color:#8b7d66}#toast{background:#21a368;color:white}#toast.error{background:#c84343}.dropzone{background:#fffaf1;border-color:#e5bb79}.dropzone.dragging{background:#fff0d6}.stage{background:#20243f;border-color:#303953}.stage-top{color:#dbe0ef;border-color:#3c4560}.stage-foot{color:#b1bbd4;border-color:#3c4560}.canvas-stage canvas{box-shadow:0 4px 35px #05081844}.version{border-color:#eee7dd}.bar{background:#fff0d6}.bar i{background:#eba122}.swatches button{border-color:#aeb5c5}.table-wrap th{color:#9a814c}td{border-color:#eee8df}.auto-panel{background:white;border-color:#eee5d8;box-shadow:0 3px 16px #57432806}.auto-panel h2{font-size:20px}.auto-panel .eyebrow{color:#b8760e}.auto-steps li{background:#f8f9fc;color:#657185}.auto-steps .done{color:#27815c}.auto-steps .warning{color:#a5771a}.auto-steps .failed{color:#b94747}.auto-steps .running{color:#ca861a}.auto-saved .badge{background:#eaf8ef;color:#218958}.quick-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}.quick-picker button{padding:9px 3px;display:flex;flex-direction:column;gap:5px;background:#fafafa;border:1px solid #e1e3e8;font-size:10px;line-height:1.3}.quick-picker .icon{width:23px;height:23px}.quick-picker button.active{background:#fff6e6;border:2px solid #eda024;color:#a56c12;padding:8px 2px}.quick-bg{display:flex;gap:7px;margin:0 0 14px}.quick-bg button{width:32px;height:32px;padding:0;border-radius:9px;border:1px solid #c9cdd5}.quick-bg button.active{outline:2px solid #ed9900;outline-offset:2px}.manual-tools>summary{font-weight:700;font-size:13px;padding:3px 0 10px;color:#7e6a46;cursor:pointer}.manual-tools[open]>summary{margin-bottom:12px;border-bottom:1px solid #eee7dc}
@media(min-width:1201px){#main:has(#editorRoot){display:grid;grid-template-columns:255px minmax(280px,1fr)235px;gap:18px;align-items:start;max-width:1900px;padding:26px 24px}#main:has(#editorRoot)>.page-head{grid-column:1/-1;margin:0 0 5px}.editor{display:contents}.auto-panel{grid-column:1;grid-row:2;margin:0;padding:18px 15px}.auto-panel>.row{display:block}.auto-panel>.row>.row{display:grid;grid-template-columns:1fr;margin-top:12px;gap:8px}.auto-panel h2{font-size:18px}.auto-panel .badge{display:none}.auto-options{grid-template-columns:1fr;gap:0;margin-top:16px}.auto-checks{display:grid;gap:11px}.auto-steps{grid-template-columns:1fr}.auto-steps li{padding:7px 9px}.editor>aside:first-child{grid-column:1;grid-row:3;padding:15px}.editor>.stage{grid-column:2;grid-row:2/span 2;position:sticky;top:18px;min-height:780px}.editor>.editor-right{grid-column:3;grid-row:2/span 2;position:sticky;top:18px}.canvas-stage{min-height:640px}.canvas-stage canvas{max-height:680px}}
@media(max-width:1200px){.editor{display:grid}.auto-panel{margin-bottom:20px}.quick-picker{max-width:300px}}@media(max-width:850px){.editor>aside:first-child{display:block}.auto-options{grid-template-columns:1fr 1fr}.topbar{padding:0 15px}}@media(max-width:520px){.auto-options{grid-template-columns:1fr}.auto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-picker{max-width:none}.auto-panel .row>button{min-width:130px}.panel{padding:16px}.topbar .search{width:180px}.page-head h1{font-size:25px}.metric .value{font-size:25px}.hero{padding:22px}.auto-panel .eyebrow{margin-top:0}}
@media(max-width:850px){#main:has(#editorRoot){display:flex;flex-direction:column;gap:18px}#main:has(#editorRoot)>.page-head{order:1;margin:0;width:100%}#main:has(#editorRoot)>.auto-panel{order:3;width:100%;margin:0}#editorRoot{display:contents}#editorRoot>.stage{order:2;width:100%}#editorRoot>aside:first-child{order:4;width:100%}#editorRoot>.editor-right{order:5;width:100%}#editorRoot .canvas-stage{min-height:360px}#editorRoot .canvas-stage canvas{max-height:430px}}