:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#070807;--surface:#0c0e0d;--surface-strong:#111312;--surface-raised:#171918;--paper:#f7f6f1;--paper-soft:#e7e4dc;--text:#f3f1ea;--muted:#aaa69c;--soft:#706d66;--border:#ffffff21;--border-strong:#ffffff38;--accent:#d73730;--accent-dark:#ff5149;--accent-soft:#d7373024;--ok:#56b878;--warning:#efb15a;--shadow:0 18px 50px #00000057;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-width:320px}body{background:linear-gradient(180deg, #ffffff09, transparent 260px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), linear-gradient(180deg, #ffffff05 1px, transparent 1px), var(--background);min-width:320px;color:var(--text);background-size:auto,36px 36px,36px 36px,auto;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.app-shell{width:min(1540px,100vw - 32px);padding:max(18px, env(safe-area-inset-top)) 0 max(32px, env(safe-area-inset-bottom));margin:0 auto}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;padding:4px 0 18px;display:flex}.app-header h1{letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,4.35rem);line-height:.9}.app-header h1 span{color:var(--accent-dark);font-size:.44em;line-height:1.05;display:block}.app-header p{max-width:620px;color:var(--muted);margin:12px 0 0;font-size:1.02rem;line-height:1.5}.header-badges{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.beta-chip,.print-chip{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;white-space:nowrap;background:#0c0e0deb;border-radius:6px;flex:none;padding:10px 12px;font-size:.82rem;font-weight:700}.beta-chip{color:#ff8a84;background:#d737302e;border-color:#d737306b}.workspace{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.control-column{gap:12px;min-width:0;display:grid}.panel,.preview-panel,.export-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#0c0e0df5;border-radius:6px}.panel{padding:16px}.panel-heading,.preview-heading{align-items:flex-start;gap:10px;display:flex}.panel-heading svg{width:20px;height:20px;color:var(--accent-dark);flex:none;margin-top:2px}.panel-heading h2,.preview-heading h2{margin:0;font-size:1rem;line-height:1.2}.panel-heading p,.preview-heading p{color:var(--muted);margin:4px 0 0;font-size:.82rem;line-height:1.4}.dropzone{border:1.5px dashed var(--border-strong);text-align:center;background:#111312eb;border-radius:6px;justify-items:center;gap:8px;margin-top:14px;padding:24px 18px;transition:border-color .16s,background .16s;display:grid}.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone>svg{width:28px;height:28px;color:var(--accent)}.dropzone strong{font-size:1rem}.dropzone span{color:var(--muted);font-size:.84rem}.dropzone input{display:none}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.9rem;font-weight:800;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button svg{width:18px;height:18px}.button.primary{background:var(--accent);color:#fff;width:100%;min-height:50px}.button.primary:hover:not(:disabled){background:#ff5149}.button.primary:disabled{color:#f3f1ea9e;background:#ffffff1c}.button.secondary{border-color:var(--border);color:var(--text);background:#ffffff0f;margin-top:6px}.button.ghost{border-color:var(--border);min-height:40px;color:var(--text);background:#ffffff0f;font-size:.82rem}.error-message{color:#ff8a84;align-items:center;gap:8px;margin:12px 0 0;font-size:.88rem;font-weight:700;display:flex}.error-message svg,.quality-note svg{flex:none;width:17px;height:17px}.image-meta{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;display:grid}.image-meta img{object-fit:cover;border:1px solid var(--border);background:var(--paper);border-radius:6px;width:82px;height:82px}.image-meta div{gap:2px;min-width:0;display:grid}.image-meta span,.settings-list span,.summary-grid span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.image-meta strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;overflow:hidden}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}label span{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:750;display:block}input[type=number]{border:1px solid var(--border-strong);width:100%;min-height:44px;color:var(--text);background:#050605;border-radius:6px;padding:0 10px;font-size:16px;font-weight:750}input[type=number]:focus,.segmented-control button:focus,.button:focus{outline-offset:2px;outline:2px solid #d7373061}.checkbox-row{align-items:center;gap:9px;margin-top:12px;display:flex}.checkbox-row span{color:var(--text);text-transform:none;margin:0;font-size:.9rem}.checkbox-row input{width:20px;height:20px;accent-color:var(--accent)}.size-slider-block{border:1px solid var(--border);background:var(--surface-strong);border-radius:6px;gap:11px;margin-top:14px;padding:12px;display:grid}.slider-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.slider-header div{gap:3px;display:grid}.slider-header strong{font-size:.92rem;line-height:1.25}.slider-header span{color:var(--muted);text-transform:none;margin:0;font-size:.78rem;font-weight:650;line-height:1.35}.slider-header output{border:1px solid var(--border);color:var(--accent-dark);white-space:nowrap;background:#050605;border-radius:6px;flex:none;padding:6px 8px;font-size:.82rem;font-weight:850}.range-field{gap:8px;display:grid}.range-field span{margin:0}input[type=range]{width:100%;height:24px;accent-color:var(--accent);margin:0}input[type=range]:focus{outline-offset:3px;outline:2px solid #d7373061}.dual-ranges{gap:12px;display:grid}.range-scale{color:var(--soft);justify-content:space-between;font-size:.7rem;font-weight:750;display:flex}.position-controls{border:1px solid var(--border);background:var(--surface-strong);border-radius:6px;gap:12px;margin-top:14px;padding:12px;display:grid}.position-row{grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:10px;display:grid}.position-row input[type=number]{min-height:40px;padding:0 8px;font-size:.86rem}.position-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.position-footer span{color:var(--accent-dark);font-size:.82rem;font-weight:850}.micro-note{color:var(--muted);margin:10px 0 0;font-size:.78rem;line-height:1.42}.segmented-control{border:1px solid var(--border);background:var(--surface-strong);border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:4px;display:grid}.segmented-control button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:.88rem;font-weight:850}.segmented-control button.is-active{color:#fff;background:#d7373029;box-shadow:inset 0 0 0 1px #d7373047}.settings-list{gap:8px;margin-top:12px;display:grid}.settings-list div,.summary-grid div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.settings-list div:last-child,.summary-grid div:last-child{border-bottom:0}.settings-list strong,.summary-grid strong{text-align:right;font-size:.9rem}.summary-grid{gap:0;margin-top:12px;display:grid}.split-line{border-left:3px solid var(--accent);color:#ff8a84;margin:12px 0 0;padding-left:10px;font-size:.9rem;font-weight:850}.quality-note{border-radius:6px;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;font-size:.82rem;line-height:1.35;display:flex}.quality-note.is-ok{color:var(--ok);background:#56b8781f}.quality-note.is-warning{color:var(--warning);background:#efb15a21}.export-panel{gap:9px;padding:14px;display:grid}.export-panel p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.preview-panel{flex-direction:column;min-width:0;min-height:calc(100dvh - 140px);max-height:calc(100dvh - 36px);padding:18px;display:flex;position:sticky;top:18px}.preview-heading{justify-content:space-between;gap:16px;margin-bottom:14px}.preview-heading p{max-width:720px}.preview-paper{border:1px solid var(--border);background:var(--surface-strong);color:var(--muted);border-radius:6px;flex:none;padding:9px 10px;font-size:.82rem;font-weight:800}.canvas-shell{border:1px solid var(--border);-webkit-overflow-scrolling:touch;background-color:#050605;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:6px;flex:auto;place-items:center;min-height:430px;padding:12px;display:grid;overflow:auto}canvas{border-radius:6px;max-width:100%;display:block;box-shadow:0 12px 36px #0000007a}canvas.is-draggable{cursor:grab;touch-action:none}canvas.is-draggable:active{cursor:grabbing}.preview-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.82rem;font-weight:750;display:flex}.preview-legend span{align-items:center;gap:6px;display:inline-flex}.preview-legend i{border-radius:3px;width:18px;height:10px;display:inline-block}.legend-grid{border:1.5px solid var(--accent)}.legend-overlap{background:#b91c1c2e}.legend-image{border:1px solid var(--border);background:var(--paper)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{width:min(100vw - 24px,1540px)}.workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:12px}.preview-panel{padding:14px}.canvas-shell{min-height:390px}}@media (width<=960px){.workspace{grid-template-columns:1fr}.control-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.summary-panel,.export-panel{grid-column:1/-1}.preview-panel{min-height:560px;max-height:none;position:static}.canvas-shell{min-height:440px}}@media (width<=720px){.app-shell{width:min(100vw - 18px,1540px);padding-top:14px}.app-header,.preview-heading{flex-direction:column;align-items:flex-start}.print-chip,.beta-chip,.preview-paper{flex:initial;white-space:normal}.header-badges{justify-content:flex-start}.control-column,.form-grid{grid-template-columns:1fr}.panel,.preview-panel,.export-panel{padding:14px}.app-header h1{font-size:clamp(2.08rem,13vw,3.25rem);line-height:.92}.app-header p{font-size:.95rem}.dropzone{padding:22px 14px}.preview-panel{min-height:auto}.preview-heading{gap:10px}.canvas-shell{min-height:340px;padding:8px}.slider-header{flex-direction:column;align-items:stretch}.slider-header output{width:fit-content}.position-footer{flex-direction:column;align-items:stretch}.position-footer .button{width:100%}}@media (width<=440px){.app-shell{width:min(100vw - 14px,1540px)}.panel,.preview-panel,.export-panel{padding:12px}.app-header h1{font-size:clamp(1.86rem,12vw,2.55rem)}.preview-legend{gap:9px;font-size:.76rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}