:root{--paper:#f3f4f2;--paper-alt:#eaebe7;--ink:#17181a;--ink-soft:#5c5d59;--rule:#d7d8d3;--accent:#c81d25;--accent-soft:#c81d2514;--sans:-apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{flex-direction:column;height:100vh;display:flex}.app__header{border-bottom:1px solid var(--rule);padding:20px 24px 16px}.app__title{letter-spacing:-.2px;margin:0 0 4px;font-size:20px;font-weight:600}.app__subtitle{color:var(--ink-soft);margin:0;font-size:13px}.app__layout{flex:1;grid-template-columns:260px 1fr 300px;min-height:0;display:grid}.panel{padding:16px;overflow-y:auto}.upload-panel{border-right:1px solid var(--rule);flex-direction:column;gap:14px;display:flex}.preview-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.adjust-panel{border-left:1px solid var(--rule);background:var(--paper-alt);flex-direction:column;gap:16px;display:flex}.dropzone{border:1px dashed var(--rule);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;display:flex}.dropzone--active{border-color:var(--accent);background:var(--accent-soft)}.dropzone__text{color:var(--ink-soft);margin:0;font-size:13px}.dropzone__hint{color:var(--ink-soft);opacity:.75;margin:0;font-size:11px}.upload-panel__list-header{justify-content:space-between;align-items:baseline;display:flex}.link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--accent)}.thumb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.thumb-list li{align-items:stretch;display:flex;position:relative}.thumb{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;flex:1;align-items:center;gap:8px;min-width:0;padding:6px;display:flex}.thumb:hover{border-color:var(--rule)}.thumb--selected{border-color:var(--ink);background:#fff}.thumb__img{object-fit:cover;border:1px solid var(--rule);flex-shrink:0;width:40px;height:40px}.thumb__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.thumb__name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.thumb__dims{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:11px}.thumb__delete{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:15px;line-height:1}.thumb__delete:hover{color:var(--accent)}.upload-panel__empty{color:var(--ink-soft);margin:0;font-size:12px}.preview-panel__filename{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.preview-panel__canvases{flex:1;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.preview-panel__empty{color:var(--ink-soft);font-size:13px}.canvas-view{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.canvas-view__label{color:var(--ink-soft);font-size:12px}.canvas-view__frame{border:1px solid var(--rule);background:repeating-conic-gradient(#eceeea 0% 25%,#f6f7f4 0% 50%) 0 0/16px 16px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.canvas-view__frame canvas{max-width:100%;max-height:100%}.adjust-panel__header{justify-content:space-between;align-items:center;display:flex}.help-toggle{border:1px solid var(--ink-soft);width:20px;height:20px;color:var(--ink-soft);cursor:pointer;background:0 0;flex-shrink:0;font-size:12px;line-height:1}.help-toggle:hover{border-color:var(--ink);color:var(--ink)}.modal-overlay{z-index:100;background:#17181a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid var(--ink);width:100%;max-width:380px;max-height:80vh;padding:16px;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal__title{font-size:14px;font-weight:600}.modal__close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.modal__close:hover{color:var(--accent)}.help-panel{flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.help-panel__item dt{font-size:12px;font-weight:600}.help-panel__item dd{color:var(--ink-soft);margin:2px 0 0;font-size:12px;line-height:1.4}.adjust-panel__group{flex-direction:column;gap:12px;display:flex}.adjust-panel__group-title{color:var(--ink-soft);font-size:12px}.rule{border-top:1px solid var(--rule)}.preset-default{width:100%}.preset-group{flex-direction:column;gap:6px;display:flex}.preset-group__title{font-size:12px;font-weight:600}.preset-row{align-items:center;gap:6px;display:flex}.preset-row__label{color:var(--ink-soft);flex-shrink:0;margin-right:2px;font-size:12px}.preset-row .btn{letter-spacing:1px;text-align:center;flex:1;padding:6px 4px;font-size:13px;font-weight:600}.slider{flex-direction:column;gap:4px;display:flex}.slider--disabled{opacity:.45}.slider__row{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.slider__value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:12px}.slider input[type=range]{width:100%;accent-color:var(--accent)}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--rule);flex-shrink:0;width:34px;height:18px;transition:background .15s;position:relative}.toggle__thumb{background:#fff;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__track{background:var(--accent)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(16px)}.adjust-panel__downloads{gap:8px}.btn{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;padding:8px 12px;font-size:13px}.btn:hover{background:var(--paper-alt)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--outline{border-color:var(--rule)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:#ad181f}.toast{z-index:10;padding:10px 16px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast--error{background:var(--ink);color:#fff}.app__footer{border-top:1px solid var(--rule);text-align:center;padding:20px 24px}.app__footer-text{color:var(--ink-soft);margin:0;font-size:11px}.credit-card{padding:12px 0}.credit-card+.credit-card{border-top:1px solid var(--rule)}.credit-card__title{margin:0 0 8px;font-size:13px;font-weight:600}.credit-card__subtitle{color:var(--ink-soft);margin:0 0 6px;font-size:12px;font-weight:600}.credit-list{color:var(--ink-soft);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:12px;display:flex}.credit-list a{color:var(--accent)}.credit-card__note{color:var(--ink-soft);opacity:.8;margin:10px 0 0;font-size:11px;font-style:italic}@media (width<=860px){.app{height:auto}.app__layout{grid-template-columns:1fr}.upload-panel,.adjust-panel{border:none;border-bottom:1px solid var(--rule);overflow-y:visible}.preview-panel__canvases{grid-template-columns:1fr}}