@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#101214;--surface:#171a1e;--surface-soft:#1d2127;--surface-raised:#232831;--border:#303741;--border-strong:#4a5564;--text:#f4f1ea;--muted:#a9b0ba;--quiet:#79828e;--accent:#d6b36a;--accent-strong:#f2cc7b;--accent-soft:#d6b36a1f;--danger:#ef8f8f;--danger-bg:#ef8f8f1f;--success:#95d6a4;--radius:8px;--shadow:0 18px 42px #00000047}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}.auth-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:32px 18px;display:flex}.auth-brand{text-align:center;justify-items:center;gap:8px;display:grid}.auth-brand-mark{width:48px;height:48px;font-size:21px}.auth-brand h1{margin:4px 0 0;font-size:24px;line-height:1.1}.auth-brand p{color:var(--muted);margin:0;font-size:13px}.app-header{border-bottom:1px solid var(--border);z-index:5;background:#101214f0;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:var(--radius);width:38px;height:38px;color:var(--accent-strong);background:linear-gradient(145deg,#d6b36a29,#ffffff08);border:1px solid #d6b36a73;place-items:center;font-weight:800;display:grid}.brand h1{margin:0;font-size:18px;line-height:1.1}.brand p{color:var(--muted);margin:3px 0 0;font-size:12px}.header-status{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:var(--surface);white-space:nowrap;padding:7px 10px;font-size:12px}.workspace{grid-template-columns:minmax(250px,300px) minmax(360px,1fr) minmax(360px,470px);gap:16px;min-height:calc(100vh - 68px);padding:16px;display:grid}.panel,.preview-panel{min-height:0}.panel{flex-direction:column;gap:14px;display:flex}.panel-section,.recipe-card,.preview-shell{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-section{padding:16px}.left-panel,.right-panel{height:calc(100vh - 100px);position:sticky;top:84px;overflow:auto}.right-panel{flex-direction:column;display:flex;overflow:hidden}.right-panel-scroll{flex-direction:column;flex:1;gap:14px;padding-bottom:8px;display:flex;overflow-y:auto}.generate-bar{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;padding:10px 0 2px}.section-title,.crop-title{align-items:center;gap:8px;display:flex}.section-title{color:var(--text);margin-bottom:14px;font-size:14px;font-weight:700}.section-title svg,.crop-title svg{color:var(--accent)}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius);min-height:188px;color:var(--muted);text-align:center;cursor:pointer;background:#121519;place-items:center;gap:9px;padding:22px;transition:border-color .15s,background .15s;display:grid}.upload-zone:hover,.upload-zone.busy{border-color:var(--accent);background:#d6b36a0f}.upload-zone.dragging{border-color:var(--accent-strong);background:#d6b36a24;transform:scale(1.01)}.upload-zone input{display:none}.upload-zone strong{color:var(--text);font-size:14px}.upload-zone span{font-size:12px;line-height:1.45}.upload-symbol{width:50px;height:50px;color:var(--accent);background:var(--accent-soft);border:1px solid #d6b36a59;border-radius:50%;place-items:center;display:grid}.file-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);gap:10px;margin-top:14px;padding:12px;display:grid}.file-card div{gap:3px;display:grid}.file-card span,.selected-style span,.field-label,.analysis-grid dt{color:var(--quiet);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.file-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.style-list{gap:8px;display:grid}.style-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);width:100%;color:inherit;text-align:left;cursor:pointer;gap:4px;padding:12px;transition:border-color .15s,background .15s;display:grid}.style-option:hover,.style-option.active{border-color:var(--accent);background:var(--accent-soft)}.style-option strong{font-size:13px}.style-option span{color:var(--muted);font-size:12px;line-height:1.45}.preview-panel{flex-direction:column;gap:12px;display:flex}.preview-toggle{gap:6px;display:flex}.toggle-btn{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.toggle-btn:hover:not(:disabled):not(.active){border-color:var(--border-strong);color:var(--text)}.toggle-btn.active{border-color:var(--accent-strong);background:var(--accent-strong);color:#17120a}.toggle-btn:disabled{color:var(--quiet);opacity:.6;cursor:not-allowed;background:#1d212773;border-color:#4a55646b}.preview-shell{background:linear-gradient(45deg, #ffffff06 25%, transparent 25%), linear-gradient(-45deg, #ffffff06 25%, transparent 25%), var(--surface);background-size:28px 28px;place-items:center;min-height:calc(100vh - 96px);padding:18px;display:grid;position:relative;overflow:hidden}.preview-image{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:calc(100vh - 172px);box-shadow:0 22px 48px #00000073}.comparison-slider{border-radius:var(--radius);cursor:ew-resize;touch-action:none;width:100%;height:calc(100vh - 172px);min-height:420px;position:relative;overflow:hidden}.comparison-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.comparison-original{z-index:1}.comparison-label{z-index:3;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;background:#101214d1;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;transition:opacity .5s;position:absolute;top:14px}.comparison-slider.labels-hidden .comparison-label{opacity:0}.comparison-label-left{left:14px}.comparison-label-right{right:14px}.comparison-handle{z-index:4;cursor:ew-resize;background:#fff;width:2px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-1px)}.comparison-grip{color:#fff;background:var(--surface);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:0;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #00000080}.preview-badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101214d1;border-radius:999px;padding:5px 12px;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.download-preview-button{border:1px solid var(--border);border-radius:var(--radius);min-height:42px;color:var(--text);background:var(--surface-soft);cursor:pointer;justify-content:center;align-self:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;transition:border-color .15s,transform .15s,opacity .15s;display:inline-flex}.download-preview-button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.download-preview-button:disabled{cursor:not-allowed;opacity:.55}.empty-preview{max-width:400px;color:var(--muted);text-align:center;place-items:center;gap:10px;display:grid}.empty-preview h2{color:var(--text);margin:0;font-size:22px}.empty-preview p{margin:0;line-height:1.55}.error-banner{border-radius:var(--radius);color:var(--danger);background:var(--danger-bg);border:1px solid #ef8f8f61;align-items:center;gap:9px;padding:12px 14px;font-size:13px;display:flex}.prompt-section{gap:10px;display:grid}.prompt-section .section-title{margin-bottom:2px}select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#121519;outline:none}select{height:42px;padding:0 11px}textarea{resize:vertical;min-height:118px;padding:11px;line-height:1.55}select:focus,textarea:focus{border-color:var(--accent)}.selected-style{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #d6b36a40;gap:4px;padding:11px;display:grid}.selected-style strong{font-size:13px}.selected-style p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.primary-action,.icon-button{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-action{color:#17120a;background:var(--accent-strong);width:100%;min-height:46px;padding:0 14px;font-weight:800;transition:transform .15s,opacity .15s}.generate-bar .primary-action{margin-top:0}.primary-action:hover:not(:disabled){transform:translateY(-1px)}.primary-action:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.recipe-output{gap:12px;padding-bottom:2px;display:grid}.empty-recipe{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:var(--surface);gap:10px;padding:14px;line-height:1.5;display:flex}.empty-recipe p{margin:0;font-size:13px}.copy-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.icon-button{border:1px solid var(--border);min-height:38px;color:var(--text);background:var(--surface-soft);padding:0 10px;font-size:12px;font-weight:700}.icon-button:hover:not(:disabled){border-color:var(--accent)}.export-button{color:#17120a;background:var(--accent-strong);border-color:var(--accent-strong)}.export-button:hover:not(:disabled){border-color:#ffe2a2}.recipe-card{padding:15px}.recipe-card h2{margin:0 0 12px;font-size:15px}.recipe-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.58}.recipe-card small{color:var(--quiet);margin-top:7px;line-height:1.5;display:block}.recipe-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.recipe-heading h2{margin-bottom:0}.recipe-heading span{color:var(--success);white-space:nowrap;background:#95d6a41f;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.analysis-grid{gap:12px;margin:14px 0 0;display:grid}.analysis-grid div{gap:4px;display:grid}.analysis-grid dd{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.steps-list{gap:11px;display:grid}.step-item{grid-template-columns:30px 1fr;gap:11px;display:grid}.step-order{border-radius:var(--radius);width:30px;height:30px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid #d6b36a59;place-items:center;font-size:13px;font-weight:800;display:grid}.step-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.step-title strong{font-size:13px}.step-title span{color:var(--accent-strong);text-align:right;font-size:12px;font-weight:800}.lightroom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lightroom-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:9px 10px;display:flex}.lightroom-row span{color:var(--muted);font-size:12px}.lightroom-row strong{color:var(--accent-strong);white-space:nowrap;font-size:12px}.curve-box{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #d6b36a40;gap:7px;margin-top:12px;padding:11px;display:grid}.curve-box strong{font-size:12px}.curve-box span{color:var(--muted);font-size:12px;line-height:1.5}.lightroom-detail-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);margin-top:12px;overflow:hidden}.lightroom-detail-header{width:100%;min-height:38px;color:var(--text);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:12px;font-weight:800;display:flex}.lightroom-detail-header svg{color:var(--accent)}.hsl-table,.colour-grading-list{gap:1px;padding:0 11px 11px;display:grid}.hsl-table-head,.hsl-table-row{grid-template-columns:minmax(88px,1fr) repeat(3,minmax(42px,52px));align-items:center;gap:8px;display:grid}.hsl-table-head{color:var(--quiet);text-transform:uppercase;padding:6px 0;font-size:11px;font-weight:700}.hsl-table-row,.colour-grading-row{border-top:1px solid var(--border);min-height:32px;padding:7px 0}.hsl-table-row span,.colour-grading-row span{color:var(--muted);font-size:12px}.hsl-table-row strong,.colour-grading-row strong{color:var(--accent-strong);text-align:right;font-size:12px}.colour-grading-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.crop-title{margin-bottom:10px}.crop-title h2{margin:0}.caption-text{color:var(--text)!important}.short-caption{color:var(--accent-strong)!important;margin-top:10px!important}.hashtag-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.hashtag-list span{border:1px solid var(--border);color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:5px 8px;font-size:12px}.alt-text{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.alt-text strong{font-size:12px}.alt-text p{margin-top:5px}.notes-list{color:var(--muted);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:grid}.spin{animation:.8s linear infinite spin}.history-panel{border-top:1px solid var(--border);background:var(--surface)}.history-toggle{width:100%;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:9px;padding:13px 20px;font-size:13px;font-weight:600;transition:color .12s;display:flex}.history-toggle:hover{color:var(--text)}.history-count{background:var(--surface-raised);color:var(--quiet);border-radius:20px;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:500}.history-body{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.history-empty,.history-no-variants{color:var(--quiet);margin:0;padding:12px 14px;font-size:13px}.history-image-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.history-image-card.active{border-color:var(--accent)}.history-image-header{background:var(--surface-soft);width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:10px 12px;transition:background .12s;display:flex}.history-image-header:hover{background:var(--surface-raised)}.history-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:52px;height:52px}.history-image-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.history-image-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.history-image-meta span{color:var(--quiet);font-size:12px}.history-variant-count{font-weight:600;color:var(--accent)!important}.history-variants{flex-direction:column;display:flex}.history-variant-row{width:100%;color:var(--text);cursor:pointer;text-align:left;border-top:1px solid var(--border);background:0 0;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.history-variant-row:hover{background:var(--surface-soft)}.history-variant-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.history-variant-thumb.no-preview{background:var(--surface-raised);color:var(--quiet);justify-content:center;align-items:center;display:flex}.history-variant-meta{flex-direction:column;flex:1;gap:2px;display:flex}.history-variant-meta strong{font-size:13px}.history-variant-meta span{color:var(--quiet);font-size:12px}.history-time{color:var(--quiet);font-size:11px!important}@keyframes spin{to{transform:rotate(360deg)}}.ob-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0a0c0ee0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ob-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #0000008c}.ob-dots{flex-shrink:0;justify-content:center;gap:7px;padding:18px 0 0;display:flex}.ob-dot{background:var(--border-strong);border-radius:50%;width:7px;height:7px;transition:all .2s}.ob-dot.active{background:var(--accent);border-radius:4px;width:22px}.ob-dot.done{background:var(--accent-soft);border:1px solid var(--accent)}.ob-screen{flex:1;padding:28px 32px 32px;animation:.2s ob-fade-in;overflow-y:auto}@keyframes ob-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ob-step{flex-direction:column;gap:18px;display:flex}.ob-back{color:var(--quiet);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:4px;padding:0;font-size:13px;display:inline-flex}.ob-back:hover{color:var(--text)}.ob-step-title{color:var(--text);margin:0;font-size:22px;font-weight:800;line-height:1.25}.ob-step-sub{color:var(--muted);margin:-10px 0 0;font-size:14px;line-height:1.6}.ob-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);font-size:11px;font-weight:700}.ob-primary{background:var(--accent-strong);color:#17120a;border-radius:var(--radius);cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;gap:8px;margin-top:6px;padding:13px 26px;font-size:15px;font-weight:800;transition:transform .14s,opacity .14s;display:inline-flex}.ob-primary:hover:not(:disabled){transform:translateY(-2px)}.ob-primary:disabled{opacity:.45;cursor:not-allowed}.ob-primary-large{justify-content:center;width:100%;padding:16px;font-size:16px}.ob-check{background:var(--accent);color:#17120a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:8px;right:8px}.ob-step-welcome{text-align:center;align-items:center}.ob-welcome-mark{background:var(--accent);color:#17120a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:flex}.ob-welcome-title{color:var(--text);margin:0;font-size:32px;font-weight:900}.ob-welcome-sub{color:var(--muted);margin:-10px 0 0;font-size:16px}.ob-welcome-features{text-align:left;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px;margin:4px 0;display:grid}.ob-feature{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);align-items:flex-start;gap:12px;padding:14px;display:flex}.ob-feature-icon{flex-shrink:0;font-size:22px}.ob-feature strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.ob-feature span{color:var(--quiet);font-size:12px;line-height:1.4}.ob-welcome-hook{color:var(--muted);margin:0;font-size:14px}.ob-welcome-hook em{color:var(--accent);font-style:normal;font-weight:700}.ob-niche-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ob-niche-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.ob-niche-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.ob-niche-card.selected{border-color:var(--accent);background:var(--accent-soft)}.ob-niche-icon{font-size:24px}.ob-niche-card strong{font-size:13px}.ob-niche-card span{color:var(--quiet);font-size:11px;line-height:1.3}.ob-step-look{gap:14px}.ob-look-layout{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.ob-look-options{flex-direction:column;gap:8px;display:flex}.ob-look-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.ob-look-card:hover{border-color:var(--border-strong)}.ob-look-card.selected{border-color:var(--accent);background:var(--accent-soft)}.ob-look-swatch{border-radius:6px;flex-shrink:0;width:38px;height:38px}.ob-look-info{flex:1}.ob-look-info strong{margin-bottom:2px;font-size:13px;display:block}.ob-look-info span{color:var(--quiet);font-size:11px}.ob-look-preview{flex-direction:column;gap:12px;display:flex;position:sticky;top:0}.ob-look-preview-swatch{border-radius:10px;align-items:flex-end;height:120px;padding:12px;display:flex}.ob-look-preview-name{color:#ffffffd9;text-shadow:0 1px 4px #0009;font-size:13px;font-weight:700}.ob-look-preview-empty{border:1px dashed var(--border);height:120px;color:var(--quiet);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.ob-sample-recipe{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ob-sample-label{letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);background:var(--surface-soft);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.ob-sample-grid{display:grid}.ob-sample-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 12px;font-size:12px;display:flex}.ob-sample-row:last-child{border-bottom:none}.ob-sample-row span{color:var(--muted)}.ob-sample-row strong{font-weight:700}.ob-platform-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ob-platform-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:5px;padding:14px 8px;transition:border-color .15s,background .15s;display:flex;position:relative}.ob-platform-card:hover{border-color:var(--border-strong)}.ob-platform-card.selected{border-color:var(--accent);background:var(--accent-soft)}.ob-platform-icon{font-size:22px}.ob-platform-card strong{font-size:12px}.ob-platform-card span{color:var(--quiet);font-size:11px}.ob-tool-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ob-tool-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.ob-tool-card:hover{border-color:var(--border-strong)}.ob-tool-card.selected{border-color:var(--accent);background:var(--accent-soft)}.ob-tool-icon{font-size:28px}.ob-tool-card strong{font-size:15px}.ob-tool-card span{color:var(--quiet);font-size:12px;line-height:1.5}.ob-words-textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);width:100%;color:var(--text);resize:vertical;min-height:140px;padding:14px;font-size:14px;line-height:1.6;transition:border-color .15s}.ob-words-textarea:focus{border-color:var(--accent);outline:none}.ob-words-textarea::placeholder{color:var(--quiet)}.ob-step-done{text-align:center;align-items:center}.ob-done-check{background:var(--accent);color:#17120a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:flex}.ob-done-look-preview{color:#ffffffe6;text-shadow:0 1px 4px #0009;border-radius:10px;justify-content:flex-end;align-items:center;width:100%;max-width:400px;height:80px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.ob-done-styles{text-align:left;flex-direction:column;gap:6px;width:100%;max-width:480px;display:flex}.ob-done-style-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:10px 14px}.ob-done-style-row strong{margin-bottom:2px;font-size:13px;display:block}.ob-done-style-row span{color:var(--quiet);font-size:12px;line-height:1.4}@media (width<=1180px){.workspace{grid-template-columns:280px 1fr}.right-panel{grid-column:1/-1;grid-template-columns:340px 1fr;align-items:start;height:auto;display:grid;position:static}.recipe-output{min-width:0}}@media (width<=820px){.app-header{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr;padding:12px}.left-panel,.right-panel{height:auto;position:static}.right-panel{display:flex}.preview-shell{min-height:420px}.preview-image{max-height:70vh}.copy-row,.lightroom-grid{grid-template-columns:1fr}}.mood-chips{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:16px;display:flex}.mood-chip{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.mood-chip:hover:not(:disabled){border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.mood-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.direction-question{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.direction-question:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.question-text{color:var(--text);font-size:14px;font-weight:600;line-height:1.5}.options-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.option-label{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);cursor:pointer;color:var(--muted);align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .12s;display:flex}.option-label:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-raised)}.option-label input[type=radio],.option-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px;margin:0}.option-label input:checked~span{color:var(--text);font-weight:500}.option-label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.direction-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface) 0%, #171a1ecc 100%);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex;position:relative}.direction-card:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, transparent 100%);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);height:2px;position:absolute;top:0;left:0;right:0}.direction-card-header{flex-direction:column;gap:6px;display:flex}.direction-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800;line-height:1.25}.confidence-badge{color:var(--accent-strong);background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.direction-summary{color:var(--text);margin:0;font-size:14px;line-height:1.6}.direction-rationale{color:var(--muted);background:var(--surface-soft);border-radius:var(--radius);border-left:2px solid var(--border-strong);padding:12px;font-size:12px;line-height:1.55}.direction-rationale strong{color:var(--quiet);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;display:block}.direction-rationale p{margin:0}.direction-list-section{flex-direction:column;gap:6px;display:flex}.direction-list-section strong{color:var(--quiet);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.direction-list-section ul{flex-direction:column;gap:5px;margin:0;padding-left:16px;display:flex}.direction-list-section li{color:var(--muted);font-size:13px;line-height:1.45}.direction-list-section.avoidance li{color:#ef8f8f}.refine-box{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:16px;display:flex}.text-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;font-weight:500;text-decoration:underline;transition:color .15s;display:inline-block}.text-link:hover{color:var(--accent-strong)}.accepted-direction-banner{border-radius:var(--radius);background:linear-gradient(135deg,#d6b36a14 0%,#10121466 100%);border:1px solid #d6b36a4d;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.accepted-direction-banner div{flex-direction:column;gap:3px;display:flex}.banner-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.accepted-direction-banner strong{color:var(--text);font-size:14px;font-weight:700}.change-direction-btn{color:var(--quiet);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .12s}.change-direction-btn:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.direction-loading{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.direction-loading p{margin:0;font-size:14px}