:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-muted:#eeeef1;--color-border:#e2e2e6;--color-text:#1c1c1e;--color-text-secondary:#6e6e73;--color-text-tertiary:#a1a1a6;--color-accent:#0a84ff;--color-accent-pressed:#06c;--color-danger:#ff3b30;--color-success:#34c759;--shadow-sm:0 1px 2px #0000000a, 0 1px 1px #00000008;--shadow-md:0 4px 16px #00000014, 0 1px 3px #0000000a;--shadow-lg:0 12px 32px #0000001f, 0 2px 6px #0000000f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}::selection{background:color-mix(in srgb, var(--color-accent) 25%, transparent)}.app{flex-direction:column;flex:1;min-height:100dvh;display:flex}.header{padding:max(env(safe-area-inset-top), var(--space-3)) var(--space-4) var(--space-3);background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header__title{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.header__settings{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header__settings:disabled{opacity:.4}.preview{min-height:60dvh;padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.preview__image{border-radius:var(--radius-md);max-width:100%;max-height:56dvh;box-shadow:var(--shadow-lg);object-fit:contain;animation:.25s fade-in}.preview__empty{text-align:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);padding:var(--space-6) var(--space-5);border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;max-width:320px;display:flex}.preview__empty-title{color:var(--color-text);margin:var(--space-1) 0 0;font-size:1.0625rem;font-weight:600}.preview__empty-hint{margin:0;font-size:.9375rem}.preview__status{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);flex-direction:column;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{margin:0 var(--space-4) var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger);border-radius:var(--radius-sm);font-size:.9375rem}.upload-panel{gap:var(--space-3);padding:var(--space-3) var(--space-4) max(env(safe-area-inset-bottom), var(--space-4));background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.upload-panel__row{gap:var(--space-3);display:flex}.upload-panel__url-form{gap:var(--space-2);display:flex}.upload-panel__url-input{min-width:0;height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);flex:1;font-size:.9375rem}.upload-panel__url-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.button{border-radius:var(--radius-pill);border:none;flex:1;min-width:44px;height:44px;font-size:.9375rem;font-weight:600;transition:transform .15s,opacity .15s}.button:active{transform:scale(.97)}.button:disabled{opacity:.5}.button--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.button--secondary{background:var(--color-surface-muted);color:var(--color-text)}.toast{left:50%;bottom:max(env(safe-area-inset-bottom), var(--space-4));color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);z-index:20;max-width:calc(100vw - var(--space-6));text-align:center;background:#1c1c1eeb;font-size:.875rem;animation:.2s toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}}@media (width>=480px){.preview__image{max-height:60dvh}}.compositor-canvas{border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:56dvh;box-shadow:var(--shadow-lg);touch-action:none;cursor:grab;animation:.25s fade-in}.compositor-canvas:active{cursor:grabbing}.background-browser{gap:var(--space-2);padding:var(--space-3) 0 0;background:var(--color-surface);flex-direction:column;display:flex}.background-browser[aria-disabled=true]{opacity:.5}.background-browser__chips{gap:var(--space-2);padding:0 var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.background-browser__chips::-webkit-scrollbar{display:none}.chip{height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);border:none;flex:none;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s}.chip--active{background:var(--color-accent);color:#fff}.background-browser__thumbs{gap:var(--space-3);padding:0 var(--space-4) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.background-browser__thumbs::-webkit-scrollbar{display:none}.thumb{align-items:center;gap:var(--space-1);background:0 0;border:none;flex-direction:column;flex:none;width:72px;padding:0;display:flex}.thumb img{object-fit:cover;border-radius:var(--radius-sm);width:72px;height:72px;box-shadow:var(--shadow-sm);border:2px solid #0000;transition:border-color .15s,transform .15s}.thumb--selected img{border-color:var(--color-accent);transform:scale(1.03)}.thumb__label{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6875rem;line-height:1.2;overflow:hidden}.ai-generate{gap:var(--space-2);padding:var(--space-2) var(--space-4) 0;background:var(--color-surface);flex-direction:column;display:flex}.ai-generate__toggle{flex:none;width:100%}.ai-generate__panel{padding-bottom:var(--space-1)}.ai-generate__form{gap:var(--space-2);display:flex}.ai-generate__input{min-width:0;height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);flex:1;font-size:.9375rem}.ai-generate__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.ai-generate__no-key{color:var(--color-text-secondary);margin:0;font-size:.875rem}.link-button{color:var(--color-accent);font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.sheet-backdrop{z-index:30;background:#0006;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:var(--space-5) var(--space-4) max(env(safe-area-inset-bottom), var(--space-5));box-shadow:var(--shadow-lg);max-height:85dvh;animation:.25s cubic-bezier(.2,.8,.2,1) slide-up;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.sheet__title{margin:0;font-size:1.125rem;font-weight:700}.sheet__close{background:var(--color-surface-muted);border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-text-secondary);border:none;font-size:1.5rem;line-height:1}.sheet__section{gap:var(--space-2);flex-direction:column;display:flex}.sheet__label{font-size:.9375rem;font-weight:600}.sheet__hint{color:var(--color-text-secondary);margin:0 0 var(--space-1);font-size:.8125rem;line-height:1.5}.sheet__hint a{color:var(--color-accent)}.sheet__input{height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9375rem}.sheet__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.sheet__actions{gap:var(--space-3);margin-top:var(--space-1);display:flex}.sheet__saved{color:var(--color-success);margin:0;font-size:.8125rem}.export-bar{gap:var(--space-3);padding:var(--space-3) var(--space-4) 0;background:var(--color-surface);display:flex}