:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#191b18;background:#eef0eb;font-synthesis:none;--ink: #191b18;--muted: #6f746d;--line: #dfe2dc;--panel: #fbfcf9;--canvas: #eff1ed;--accent: #255f48;--accent-soft: #e3eee8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:var(--canvas)}.topbar{height:64px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;padding:0 18px 0 15px;border-bottom:1px solid var(--line);background:#f8f9f6}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:9px}.brand strong,.brand span{display:block}.brand strong{font-size:14px;letter-spacing:-.01em}.brand span{margin-top:1px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.project-name{justify-self:center;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.project-name button{display:flex;align-items:center;gap:6px;border:0;background:transparent;font-size:13px;font-weight:600;cursor:pointer}.project-name input{width:190px;height:32px;padding:0 9px;border:1px solid var(--accent);border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;outline:2px solid rgba(37,95,72,.12)}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.small-icon{border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}.icon-button{width:34px;height:34px;border-radius:8px}.small-icon{width:31px;height:31px;border-radius:7px}.saved{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.export-button{height:38px;padding:0 15px;border:0;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 1px #00000014}.export-button:disabled{opacity:.6;cursor:not-allowed}.workspace{height:calc(100vh - 64px);display:grid;grid-template-columns:74px 265px minmax(440px,1fr) 318px}.workspace.assets-collapsed{grid-template-columns:74px 0 minmax(440px,1fr) 318px}.workspace.assets-collapsed .asset-panel{padding-inline:0;overflow:hidden;opacity:0}.rail{display:flex;flex-direction:column;padding:14px 8px 10px;border-right:1px solid var(--line);background:#f5f6f2}.rail-item{position:relative;height:58px;border:0;border-radius:9px;background:transparent;color:#686d66;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;letter-spacing:.015em;cursor:pointer}.rail-item.active{background:#e6e9e3;color:var(--ink);font-weight:600}.rail-item small{position:absolute;top:4px;right:2px;padding:1px 3px;border-radius:3px;background:#dce8e1;color:var(--accent);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.rail-spacer{flex:1}.asset-panel,.inspector{background:var(--panel);overflow:auto}.asset-panel{border-right:1px solid var(--line);padding:20px 14px 12px}.panel-heading,.inspector-head{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;margin-bottom:4px;color:#8a8f87;font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.panel-heading h1,.inspector-head h2{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.015em}.panel-actions{display:flex;align-items:center;gap:6px}.text-action{height:30px;padding:0 7px;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;cursor:pointer}.text-action:hover{background:#f0f1ee;color:var(--ink)}.text-action.danger:hover{background:#f5eae8;color:#8b4e46}.drop-zone{margin:17px 0 13px;min-height:68px;border:1px dashed #c5cac1;border-radius:9px;display:flex;align-items:center;gap:10px;padding:12px;color:#737970;cursor:pointer;transition:.18s ease}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{margin-bottom:3px;color:var(--ink);font-size:12px}.drop-zone span{font-size:9px;letter-spacing:.01em}.asset-list{display:flex;flex-direction:column;gap:4px}.asset-row{position:relative;width:100%;min-width:0;height:52px;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:transparent;display:grid;grid-template-columns:40px minmax(0,1fr) 7px;align-items:center;gap:9px;text-align:left;cursor:pointer}.asset-row:hover{background:#f2f3f0}.asset-row.selected{border-color:#c6d7cd;background:var(--accent-soft)}.asset-row img{width:40px;height:40px;object-fit:cover;border-radius:5px;background:#fff}.asset-row strong,.asset-row span{display:block}.asset-row strong{overflow:hidden;color:#343833;font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.asset-row span{margin-top:3px;color:#8a8f87;font-size:9px}.status-dot{width:6px;height:6px;margin:0!important;border-radius:50%;background:#478465}.asset-row .remove{position:absolute;right:4px;top:4px;width:32px;height:32px;display:none;place-items:center;border-radius:5px;background:#fff;color:#777}.asset-row:hover .remove{display:grid}.asset-summary{margin-top:13px;padding:10px;border-top:1px solid #eaebe8;display:flex;align-items:center;gap:7px;color:#747a72;font-size:10px}.stage{min-width:0;display:grid;grid-template-rows:52px minmax(0,1fr) 74px 64px;background:#eceee9}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #daddd7;color:var(--muted);font-size:11px}.stage-meta{display:flex;align-items:center;gap:8px}.stage-upload{display:none;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;align-items:center;gap:5px;color:var(--accent);font-size:9px;font-weight:600;cursor:pointer}.segmented{display:flex;padding:3px;border:1px solid #d6d9d3;border-radius:7px;background:#e4e7e1}.segmented button{padding:5px 10px;border:0;border-radius:5px;background:transparent;color:#6c716a;font-size:10px;cursor:pointer}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #00000014}.canvas-wrap{min-height:0;display:grid;place-items:center;padding:28px;overflow:hidden;background-image:radial-gradient(#d1d4cf .65px,transparent .65px);background-size:16px 16px}.preview-canvas{max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 15px 45px #1e241e24,0 0 0 1px #161c1717}.empty-state{text-align:center;color:#747970}.empty-state h2{margin:12px 0 6px;color:var(--ink);font-size:17px}.empty-state p{margin:0;font-size:12px}.empty-state button{height:34px;margin-top:14px;padding:0 13px;border:0;border-radius:7px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;cursor:pointer}.error-state{color:#9a594f}.filmstrip{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #dbded8;background:#f2f3f0}.filmstrip button{width:48px;height:48px;padding:3px;border:1px solid transparent;border-radius:6px;background:#fff;cursor:pointer}.filmstrip button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.filmstrip img{width:100%;height:100%;object-fit:cover;border-radius:3px}.filmstrip>span{color:#777c75;font-size:10px}.batch-bar{padding:10px 18px;border-top:1px solid var(--line);background:#f8f9f6}.batch-bar>div:first-child{display:flex;align-items:center;gap:9px}.batch-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.batch-bar strong,.batch-bar span{display:block}.batch-bar strong{font-size:10.5px}.batch-bar div div span{margin-top:2px;color:var(--muted);font-size:9px}.progress-track{height:3px;margin-top:8px;overflow:hidden;border-radius:3px;background:#e2e4df}.progress-track span{height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.inspector{border-left:1px solid var(--line);padding:20px 16px}.control-section{padding:16px 0;border-bottom:1px solid #e7e9e5}.control-label{color:#444842;font-size:10.5px;font-weight:600;letter-spacing:.01em}.preset-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.preset-grid button{position:relative;height:76px;padding:8px 3px 5px;border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer}.preset-grid button.active{border-color:var(--accent);background:#f2f7f4}.ratio-shape{width:21px;max-height:28px;margin:auto;border:1.5px solid #747a72;background:#eef0ec}.preset-grid strong{margin-top:4px;font-size:9px;font-weight:600}.preset-grid small{color:#92978f;font-size:7.5px}.preset-grid svg{position:absolute;top:5px;right:5px;color:var(--accent)}.custom-size-toggle{width:100%;height:30px;margin-top:7px;border:1px dashed #c9cec6;border-radius:7px;background:#f8f9f6;color:var(--muted);font-size:9px;cursor:pointer}.custom-size-toggle.active{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.proportional-size-toggle{width:100%;min-height:48px;margin-top:8px;padding:8px 10px;border:1px solid #cfd5cf;border-radius:7px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.proportional-size-toggle span{display:flex;flex-direction:column;gap:3px}.proportional-size-toggle strong{font-size:9px;font-weight:600}.proportional-size-toggle small{color:var(--muted);font-size:7.5px}.proportional-size-toggle.active{border-color:var(--accent);background:#f2f7f4;color:var(--accent)}.proportional-size-toggle.active small{color:#5c7668}.proportional-size-field{margin-top:7px;padding:9px 10px;border:1px solid #dce5df;border-radius:7px;background:#f7faf8}.proportional-size-field>label{display:block;margin-bottom:4px;color:var(--muted);font-size:8px}.proportional-size-field>div{height:32px;display:grid;grid-template-columns:1fr 28px;align-items:center;border:1px solid var(--line);border-radius:6px;background:#fff}.proportional-size-field input{width:100%;height:100%;padding:0 7px;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;font-variant-numeric:tabular-nums}.proportional-size-field>div:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #255f481c}.proportional-size-field>div span{color:var(--muted);font-size:8px}.proportional-size-field>small{display:block;margin-top:6px;color:#65746b;font-size:7.5px}.custom-size-fields{margin-top:7px;display:grid;grid-template-columns:1fr 12px 1fr;align-items:end;gap:5px}.custom-size-fields label{color:var(--muted);font-size:8px}.custom-size-fields input{width:100%;height:32px;margin-top:4px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:10px;font-variant-numeric:tabular-nums}.custom-size-fields>span{padding-bottom:8px;color:var(--muted);font-size:10px;text-align:center}.status-dot.error{background:#b55c50}.mode-tabs button:disabled{opacity:.38;cursor:not-allowed}.two-buttons{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.two-buttons button{height:58px;border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;cursor:pointer}.two-buttons button.active{border-color:var(--accent);background:#f2f7f4;color:var(--accent);font-weight:600}.fit-icon{width:23px;height:17px;border:1.5px solid currentColor;position:relative}.fit-icon:after{content:"";position:absolute;background:currentColor;opacity:.2}.fit-icon.contain:after{top:3px;right:6px;bottom:3px;left:6px}.fit-icon.cover:after{top:0;right:0;bottom:0;left:0}.mode-tabs{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mode-tabs button{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:9px;cursor:pointer}.mode-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.control-help{margin:9px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.color-line{margin-top:10px;display:grid;grid-template-columns:35px 1fr 50px;gap:6px}.color-line input,.color-line button{height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10px}.color-line input[type=color]{width:35px;padding:3px}.color-line input:not([type=color]){min-width:0;padding:0 9px;color:#555a53}.color-line button{cursor:pointer}.label-row{display:flex;justify-content:space-between}.label-row button{border:0;background:transparent;color:#8b5a52;font-size:9px;cursor:pointer}.logo-upload{width:100%;height:54px;margin:10px 0 12px;border:1px dashed #cbd0c7;border-radius:7px;background:#f8f9f6;display:flex;align-items:center;justify-content:center;gap:7px;color:#6e746c;font-size:10px;cursor:pointer}.logo-upload img{max-width:92px;max-height:35px;object-fit:contain}.position-control{margin:12px 0 14px}.position-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#777c75;font-size:9px}.position-label strong{color:#4a4f48;font-weight:500}.position-grid{width:118px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#f5f6f3}.position-grid button{position:relative;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer}.position-grid button span{position:absolute;width:5px;height:5px;border-radius:2px;background:#a0a59e}.position-grid button:nth-child(3n+1) span{left:4px}.position-grid button:nth-child(3n+2) span{left:50%;transform:translate(-50%)}.position-grid button:nth-child(3n) span{right:4px}.position-grid button:nth-child(-n+3) span{top:4px}.position-grid button:nth-child(n+4):nth-child(-n+6) span{top:50%;transform:translateY(-50%)}.position-grid button:nth-child(5) span{transform:translate(-50%,-50%)}.position-grid button:nth-child(n+7) span{bottom:4px}.position-grid button.active{border-color:var(--accent);background:var(--accent-soft)}.position-grid button.active span{background:var(--accent)}.range-control{margin-top:10px}.range-control div{display:flex;justify-content:space-between;color:#777c75;font-size:9px}.range-control strong{color:#4a4f48;font-weight:500;font-variant-numeric:tabular-nums}.range-control input{width:100%;height:3px;margin-top:9px;accent-color:var(--accent)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--muted)}.section-title>div span,.section-title>div small{display:block}.section-title>div small{margin-top:3px;color:#8a8f87;font-size:8.5px}.template-save{display:grid;grid-template-columns:1fr 48px;gap:6px}.template-save input,.text-input{width:100%;height:34px;min-width:0;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:10px}.template-save button{border:1px solid #bfd0c5;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:600;cursor:pointer}.template-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.template-list>div{display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.template-list>div>button:first-child{min-width:0;padding:7px 8px;border:0;background:transparent;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}.template-list button span{min-width:0}.template-list strong,.template-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list strong{font-size:9.5px;font-weight:600}.template-list small{margin-top:2px;color:var(--muted);font-size:8px}.template-delete{width:27px;height:100%;border:0;border-left:1px solid var(--line);background:transparent;color:#8b5a52;cursor:pointer}.field-label{display:block;margin:10px 0 6px;color:var(--muted);font-size:9px}.export-tabs{margin-top:0}.provider-card{margin-top:16px;padding:13px;border:1px solid #cddbd2;border-radius:9px;background:#f3f7f4}.provider-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px}.provider-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.provider-head strong,.provider-head span{display:block}.provider-head strong{font-size:10.5px}.provider-head span{margin-top:2px;color:var(--muted);font-size:8px}.provider-head small{padding:3px 5px;border-radius:4px;font-size:7px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.provider-head small.online{background:#dcebe2;color:#2d674e}.provider-head small.offline{background:#eee6df;color:#845c49}.provider-card>p{margin:10px 0;color:var(--muted);font-size:9px;line-height:1.5}.provider-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:6px}.provider-actions button,.restore-button{min-height:33px;border:1px solid #cad6ce;border-radius:7px;background:#fff;color:var(--accent);font-size:8.7px;font-weight:600;cursor:pointer}.provider-actions button{display:flex;align-items:center;justify-content:center;gap:5px}.provider-actions .provider-primary{border-color:var(--accent);background:var(--accent);color:#fff}.provider-actions button:disabled{opacity:.5;cursor:not-allowed}.restore-button{width:100%;margin-top:6px}.provider-card code{display:block;margin-top:9px;padding:7px 8px;border-radius:6px;background:#e8ebe6;color:#5e655f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;overflow-wrap:anywhere}.provider-progress{margin:9px 0}.provider-progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:8.5px}.provider-progress>div:last-child{height:3px;margin-top:6px;overflow:hidden;border-radius:2px;background:#dce1dc}.provider-progress>div:last-child span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.ai-card{margin-top:16px;padding:13px;border:1px solid #d8ded8;border-radius:9px;background:#f2f6f2}.ai-card>div{display:flex;align-items:center;gap:7px;color:var(--accent)}.ai-card strong{color:#34443b;font-size:11px}.ai-card div span{margin-left:auto;padding:2px 4px;border-radius:3px;background:#dbe9e1;font-size:7px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.ai-card p{margin:8px 0 10px;color:#6e766f;font-size:9px;line-height:1.5}.ai-card button{width:100%;height:30px;border:1px solid #cbd9d0;border-radius:6px;background:#fff;color:var(--accent);font-size:9px;font-weight:600;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#1f2923;color:#fff;font-size:11px;box-shadow:0 10px 30px #0000002e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workspace{grid-template-columns:64px 230px minmax(400px,1fr)}.inspector{position:fixed;right:0;top:64px;bottom:0;width:310px;box-shadow:-16px 0 35px #282d2817}.stage{padding-right:310px}}@media(max-width:820px){body{overflow:auto}.topbar{grid-template-columns:1fr auto}.project-name,.saved,.icon-button{display:none}.workspace{height:auto;min-height:calc(100vh - 64px);grid-template-columns:58px minmax(0,1fr)}.asset-panel{display:none}.stage-upload{display:flex}.stage{min-height:720px;padding-right:0}.inspector{position:static;grid-column:2;width:auto;border-top:1px solid var(--line);box-shadow:none}}.settings-hidden{visibility:hidden;pointer-events:none}.settings-page{grid-column:2 / -1;grid-row:1;z-index:5;overflow:auto;padding:40px clamp(24px,5vw,76px) 48px;background:#f5f6f3}.settings-header{max-width:1020px;margin:0 auto 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.settings-header h1{margin:7px 0 8px;color:var(--ink);font-size:28px;letter-spacing:-.035em}.settings-header p{max-width:570px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.security-note{min-width:260px;padding:12px 14px;border:1px solid #d3ddd6;border-radius:9px;background:#edf4ef;color:var(--accent);display:flex;align-items:center;gap:10px}.security-note strong,.security-note small{display:block}.security-note strong{color:#31443a;font-size:10px}.security-note small{margin-top:3px;color:#6b776f;font-size:8px}.settings-grid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-provider{padding:20px;border:1px solid #d9ddd7;border-radius:12px;background:#fff;box-shadow:0 8px 25px #2c352e09}.settings-provider.featured{grid-column:1 / -1;border-color:#c9d8cf}.settings-provider-head{display:flex;align-items:center;gap:11px}.settings-provider-head>div:nth-child(2){min-width:0}.settings-provider-head h2{margin:0;color:var(--ink);font-size:14px}.settings-provider-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.provider-logo{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#dcece2;color:#246143;font-size:14px;font-weight:800}.provider-logo.poe{background:#e9e2f2;color:#65468a}.provider-logo.fal{background:#e8e8e7;color:#303331}.connection-badge,.soon-badge{margin-left:auto;padding:5px 8px;border-radius:999px;background:#f0ede9;color:#766c63;font-size:8px;font-weight:600;white-space:nowrap}.connection-badge{display:flex;align-items:center;gap:5px}.connection-badge i{width:6px;height:6px;border-radius:50%;background:#a49a91}.connection-badge.connected{background:#e3f0e8;color:#2d684d}.connection-badge.connected i{background:#3e8a65;box-shadow:0 0 0 3px #3e8a651f}.api-field{margin-top:22px}.api-field label{display:block;margin-bottom:7px;color:#4b514c;font-size:9px;font-weight:600}.api-field>div{height:42px;display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;border:1px solid #cfd5cf;border-radius:8px;background:#fbfcfa;color:#7d837d}.api-field>div:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2a704e1a}.api-field svg{justify-self:center}.api-field input{height:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.api-field button{height:100%;border:0;background:transparent;color:#737a73;cursor:pointer}.api-field small{display:block;margin-top:7px;color:#858b85;font-size:8px}.api-test-result{margin-top:12px;padding:8px 10px;border-radius:7px;font-size:9px}.api-test-result.success{background:#e5f2e9;color:#2d684d}.api-test-result.error{background:#f5e9e6;color:#965044}.settings-actions{margin-top:18px;display:flex;align-items:center;gap:8px}.settings-actions button{height:36px;padding:0 13px;border-radius:7px;font-size:9px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.settings-actions button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{border:1px solid #cdd3cd;background:#fff;color:#4e574f}.primary-button{margin-left:auto;border:1px solid var(--accent);background:var(--accent);color:#fff}.danger-link{border:0;background:transparent;color:#9a5148}.provider-docs{margin-top:18px;display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:9px;text-decoration:none}.provider-description{margin:18px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.settings-footnote{max-width:1020px;margin:14px auto 0;padding:11px 13px;border:1px dashed #d5dad5;border-radius:8px;color:#747b74;display:flex;align-items:center;gap:8px;font-size:8.5px}.settings-footnote code{color:#4f5750;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:820px){.settings-page{grid-column:2;padding:24px 16px 36px}.settings-header{align-items:stretch;flex-direction:column;gap:16px}.security-note{min-width:0}.settings-grid{grid-template-columns:1fr}.settings-provider.featured{grid-column:1}.settings-actions{flex-wrap:wrap}.primary-button{margin-left:0}}.conversion-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.conversion-actions button{min-height:36px;padding:5px 7px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8.5px;font-weight:600;cursor:pointer}.conversion-actions button:disabled{opacity:.45;cursor:not-allowed}.convert-current{border:1px solid var(--accent);background:var(--accent);color:#fff}.convert-batch{border:1px solid #cbd5ce;background:#fff;color:var(--accent)}.conversion-note{margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.model-field{margin-top:18px}.model-field label{display:block;margin-bottom:7px;color:#4b514c;font-size:9px;font-weight:600}.model-field input{width:100%;height:38px;padding:0 10px;border:1px solid #cfd5cf;border-radius:8px;background:#fbfcfa;color:var(--ink);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.ai-generator textarea{width:100%;min-height:78px;padding:9px 10px;resize:vertical;border:1px solid #cbd9d0;border-radius:7px;background:#fff;color:var(--ink);font:9px/1.5 inherit}.ai-generator>button{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px}.ai-generator>button:disabled{opacity:.45;cursor:not-allowed}.ai-card div span.ready{background:#dcebe2;color:#2d674e}.ai-requirement{display:block;margin-top:7px;color:#8b665c;font-size:8px;line-height:1.4}.ai-background-actions{margin-top:7px;display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}.ai-background-actions button{margin:0}