.paint-app{--fg:var(--ink);--border:#25231f1f;--accent:var(--orange-deep);--accent-fg:#fff;flex-direction:column;flex:1;gap:12px;width:min(1440px,100% - 32px);min-height:0;margin-inline:auto;padding:16px 0 24px;display:flex;overflow:hidden}.paint-app__lede{color:var(--muted);flex:none;margin:0;font-size:14px}.paint-app__main{flex:1;align-items:stretch;gap:16px;min-height:0;display:flex}.paint-app__col--left{flex-direction:column;flex:none;gap:12px;width:300px;padding-right:4px;display:flex;overflow-y:auto}.paint-app__col--right{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}@media (max-width:860px){.paint-app{width:min(100% - 24px,1440px);height:auto;overflow:visible}.paint-app__main{flex-direction:column}.paint-app__col--left{width:100%}.paint-app__col--right{min-height:70vh}}.upload-source{flex-direction:column;flex:none;gap:8px;display:flex}.dropzone{border:2px dashed var(--border);background:var(--white);cursor:pointer;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;min-height:76px;padding:10px;transition:border-color .15s,background .15s;display:flex}.dropzone--over{border-color:var(--accent);background:#fff3e8}.dropzone__hint{color:var(--muted);flex-direction:column;align-items:center;gap:4px;display:flex}.dropzone__hint strong{color:var(--fg);font-size:15px}.dropzone__hint span{font-size:12px}.dropzone__thumb{object-fit:contain;border-radius:8px;max-width:100%;max-height:72px}.dropzone__caption{color:var(--muted);font-size:12px}.upload-url{flex-direction:column;flex:none;gap:6px;display:flex}.upload-url__label{color:var(--fg);font-size:12px}.upload-url__row{gap:8px;display:flex}.upload-url__input{border:1px solid var(--border);background:var(--white);min-width:0;color:var(--fg);border-radius:8px;flex:1;padding:8px 9px;font-size:13px}.upload-url__button{flex:none;min-width:64px;padding:8px 12px;font-size:13px}.panel{background:var(--white);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:none;gap:8px;padding:12px;display:flex}.panel__row{flex-direction:column;gap:3px;font-size:12px;display:flex}.panel__row label{color:var(--fg)}.panel__row small{color:var(--muted);font-size:11px;line-height:1.2}.panel__row input[type=range]{width:100%;accent-color:var(--accent)}.panel__row select,.panel__row input[type=number]{border:1px solid var(--border);background:var(--white);border-radius:6px;width:100%;padding:6px 8px;font-size:13px}.panel__section{letter-spacing:.04em;color:var(--muted);border-top:1px solid var(--border);margin-top:1px;padding-top:7px;font-size:11px;font-weight:600}.panel__section:first-child{border-top:none;margin-top:0;padding-top:0}.panel__levels{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.panel__levels--scale{grid-template-columns:repeat(6,1fr)}.panel__levels--scale .panel__level{padding:6px 0;font-size:12px}.panel__scale-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.panel__scale-head label{min-width:0}.panel__scale-size{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px}.panel__level{appearance:none;border:1px solid var(--border);background:var(--white);color:var(--fg);cursor:pointer;border-radius:8px;padding:7px 2px;font-size:13px;font-weight:650}.panel__level--active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.panel__hint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.panel__fixed{color:var(--muted)}.panel__note{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.btn{appearance:none;background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.progress{flex-direction:column;gap:6px;display:flex}.progress__track{background:var(--paper-deep);border-radius:999px;height:8px;overflow:hidden}.progress__fill{background:var(--accent);height:100%;transition:width .2s}.progress__label{color:var(--muted);font-size:12px}.error-banner{color:#b3261e;background:#fdecec;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.result{background:var(--white);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex}.result--empty{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:32px 24px}.result--empty p{color:var(--ink);margin:0;font-size:18px;font-weight:650}.result--empty span{margin-top:6px;font-size:13px}.result__tabs{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:flex}.result__tab{appearance:none;border:1px solid var(--border);background:var(--white);color:var(--fg);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}.result__tab--active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.result__spacer{flex:1;min-width:8px}.result__exports{align-items:center;gap:18px;margin-left:auto;display:flex}.result__text-dl{appearance:none;color:var(--accent);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;line-height:1}.result__text-dl:hover{color:#9a4318;text-underline-offset:3px;text-decoration:underline}.result__dl-all{padding:6px 12px;font-size:13px}.result__stage{border:1px solid var(--border);background:repeating-conic-gradient(#f0f0f0 0% 25%,#fafafa 0% 50%) 50%/20px 20px;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.result__canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.result__canvas[hidden]{display:none}