@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f3f4f5;background:#101214;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #69bdf0;outline-offset:2px}.app-shell{height:100dvh;min-height:580px;display:flex;flex-direction:column;overflow:hidden;background:#101214}.app-header{height:80px;flex:none;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#151719;border-bottom:1px solid #2c2f32}.app-brand,.app-header-actions,.preview-actions,.composer-footer,.effort-control,.activity-heading,.preview-footer span{display:flex;align-items:center}.app-brand{min-width:0;gap:13px}.brand-mark{width:45px;height:45px;flex:none;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle at 31% 49%,#70bce7 0 25%,transparent 26%),radial-gradient(circle at 69% 51%,#d0828b 0 26%,transparent 27%),#17374b;color:#fff}.app-brand strong{display:block;font-size:17px;line-height:1.25;letter-spacing:-.03em;white-space:nowrap}.app-brand small{display:block;margin-top:4px;color:#9da2a6;font-size:12px;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-actions{flex:none;gap:12px}.header-action{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #3a3f42;border-radius:9px;background:#25292b;color:#e4e7e8;font-size:12px;white-space:nowrap}.header-action:hover:not(:disabled){background:#34393c}.header-action:disabled,.project-create-button:disabled,.project-item button:disabled{opacity:.48;cursor:not-allowed}.new-project{border-color:#a56e59;background:#af705b;color:#1c1715;font-weight:700}.new-project:hover:not(:disabled){background:#c38368}.project-count{min-width:19px;padding:2px 5px;border-radius:99px;background:#3a4043;color:#cbd0d2;font-size:10px;text-align:center}.header-model-picker{min-width:0;min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #35393c;border-radius:10px;background:#202326;color:#bec2c5;white-space:nowrap}.header-model-picker:focus-within{border-color:#69bdf0}.model-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#74c4a6}.header-model-picker select{min-width:0;max-width:170px;padding:0 2px;border:0;outline:0;background:transparent;color:#e3e7e8;font-size:11px;font-weight:600;cursor:pointer}.header-model-picker select:disabled{opacity:.7;cursor:not-allowed}.header-model-picker option{background:#25292b;color:#e3e7e8}.model-provider{font-size:11px}.icon-button{width:34px;height:34px;flex:none;display:inline-grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#b3b9bd;text-decoration:none}.icon-button:hover{color:#fff;background:#2b2f31}.owner-login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#101214;color:#f3f4f5}.owner-login-card{width:min(420px,100%);display:grid;gap:14px;padding:30px;border:1px solid #35393c;border-radius:18px;background:#191b1d;box-shadow:0 24px 80px #0008}.owner-login-card h1{margin:0;font-size:24px}.owner-login-card p{margin:0 0 4px;color:#a8adb0;line-height:1.6}.owner-login-card label{color:#c9ced1;font-size:13px}.owner-login-card input{width:100%;padding:12px;border:1px solid #42484c;border-radius:9px;background:#101214;color:#fff}.owner-login-card button{min-height:42px;border:0;border-radius:9px;background:#d18769;color:#1b1715;font-weight:700}.owner-login-card button:disabled{opacity:.55;cursor:wait}.owner-login-icon{color:#d18769}.owner-login-error{color:#ff8f78;font-size:13px}.owner-logout{padding-inline:12px}.workspace-layout{min-height:0;flex:1;display:flex;gap:0;padding:14px;overflow:hidden}.chat-panel,.preview-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #303438;border-radius:20px;background:#191b1d}.chat-panel{flex:none;width:clamp(340px,var(--chat-width, 44%),calc(100% - 354px))}.preview-panel{flex:1}.pane-divider{width:14px;flex:none;position:relative;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pane-divider:before{content:"";width:4px;height:52px;position:absolute;top:calc(50% - 26px);left:5px;border-radius:4px;background:#4e5559;transition:background .15s,width .15s,left .15s}.pane-divider:hover:before,.pane-divider:focus-visible:before,.resizing-panels .pane-divider:before{width:6px;left:4px;background:#d18769}.pane-divider:focus-visible{outline:2px solid #69bdf0;outline-offset:-2px;border-radius:6px}.resizing-panels,.resizing-panels *{cursor:col-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.panel-heading{height:84px;min-height:84px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #303438}.panel-heading h1,.panel-heading h2{margin:0;color:#f6f6f7;font-size:16px;font-weight:700;letter-spacing:-.02em}.panel-heading p{margin:5px 0 0;color:#a8adb0;font-size:12px;line-height:1.35}.heading-sparkle{flex:none;color:#eb8968}.conversation{min-height:0;flex:1;display:flex;flex-direction:column;gap:20px;padding:24px;overflow-y:auto;scrollbar-color:#555b5d transparent;scrollbar-width:thin}.welcome-card{width:min(390px,100%);margin:auto;padding:18px 8px;text-align:center}.welcome-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 27px;border-radius:20px;color:#f18b68;background:#3c2925}.welcome-card h2{margin:0 0 12px;font-size:22px;line-height:1.3;letter-spacing:-.035em}.welcome-card p{margin:0 auto 24px;color:#b9bdc0;font-size:15px;line-height:1.7}.welcome-card button{display:inline-flex;align-items:center;gap:7px;padding:7px;border:0;background:transparent;color:#65c3f0;font-size:16px}.welcome-card button:hover{color:#9cddfa}.message-row{display:flex;align-items:flex-start;gap:10px}.message-row.user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;background:#3b2925;color:#ee9a74;font-size:11px;font-weight:700}.message-row.user .message-avatar{background:#293542;color:#dfe9f2}.message-content{min-width:0;max-width:90%}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:11px}.message-meta span{color:#8e9498}.message-row.user .message-meta{justify-content:flex-end}.message-text{padding:14px 16px;border:1px solid #33383b;border-radius:4px 14px 14px;background:#222528;color:#dde0e1;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.message-row.user .message-text{border-color:#365578;border-radius:14px 4px 14px 14px;background:#284565;color:#f7f9fb}.message-image{display:block;max-width:min(100%,320px);max-height:240px;width:auto;height:auto;margin:0 0 10px;border-radius:9px;-o-object-fit:contain;object-fit:contain;cursor:zoom-in}.message-text>:first-child,.journal-event>div>:first-child{margin-top:0}.message-text>:last-child,.journal-event>div>:last-child{margin-bottom:0}.message-text p,.journal-event p{margin:0 0 10px}.message-text h1,.message-text h2,.message-text h3,.journal-event h1,.journal-event h2,.journal-event h3{margin:16px 0 7px;color:#f6f7f8;line-height:1.3}.message-text h1{font-size:18px}.message-text h2{font-size:16px}.message-text h3{font-size:14px}.message-text ul,.message-text ol,.journal-event ul,.journal-event ol{margin:7px 0 12px;padding-left:22px}.message-text li,.journal-event li{margin:3px 0}.message-text ul,.journal-event ul{list-style:disc}.message-text ol,.journal-event ol{list-style:decimal}.message-text a,.journal-event a{color:#77cbf1;text-decoration:underline;text-underline-offset:2px}.message-text code,.journal-event code{padding:2px 4px;border-radius:4px;background:#111719;color:#a8e5d0;font-size:.92em}.message-text pre,.journal-event pre{max-width:100%;overflow-x:auto;margin:9px 0 12px;padding:10px;border-radius:8px;background:#111719}.message-text pre code,.journal-event pre code{padding:0;background:transparent}.message-text blockquote,.journal-event blockquote{margin:9px 0;padding:2px 0 2px 12px;border-left:3px solid #7b9fae;color:#b9c3c7}.message-text table,.journal-event table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:9px 0}.message-text th,.message-text td,.journal-event th,.journal-event td{padding:5px 8px;border:1px solid #4a5357;text-align:left}.message-text input[type=checkbox]{accent-color:#78c7e8}.activity-card{margin-left:38px;padding:16px;border:1px solid #394246;border-radius:16px;background:#1d2224}.resume-run-button{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-left:38px;padding:9px 12px;border:1px solid #6c777b;border-radius:9px;background:#252b2e;color:#e9eff1;font-size:12px;font-weight:700}.resume-run-button:hover:not(:disabled){border-color:#9bb2bc;background:#303a3e}.resume-run-button:disabled{opacity:.5;cursor:not-allowed}.activity-heading{gap:9px;font-size:13px}.activity-heading svg{color:#e99471}.activity-summary{display:grid;gap:4px;margin:8px 0 13px 26px;color:#c5cbcd;font-size:12px}.activity-summary span:last-child{color:#959ea1;font-size:11px}.journal-toggle{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:#69c6f3;font-size:12px}.journal-toggle:hover{color:#a7e2fc}.activity-events{max-height:245px;display:grid;align-content:start;gap:0;overflow-y:auto;margin-top:12px;padding:0 0 0 12px;border-left:2px solid #3a4347;color:#c5ccce;scrollbar-width:thin;scrollbar-color:#606a6e transparent}.journal-event{display:grid;grid-template-columns:36px minmax(0,1fr);gap:7px;padding:7px 0;border-bottom:1px solid #323a3d;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.journal-event:last-child{border-bottom:0}.journal-event-time{color:#839095;font-size:10px}.journal-event.tool>div,.journal-event.tool_result>div{color:#e0e6e7}.journal-event.error>div{color:#ffb7a8}.journal-event details summary{cursor:pointer;color:#a6d7e9}.journal-event details>:not(summary){margin-top:8px}.plan-details{margin-top:12px;padding-top:10px;border-top:1px solid #394145;color:#d7dadb;font-size:12px}.plan-details summary{cursor:pointer;font-weight:600}.plan-details pre{font:inherit;line-height:1.6;white-space:pre-wrap}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.composer-area{flex:none;padding:15px 19px 17px;border-top:1px solid #303438;background:#191b1d}.chosen-style-banner{display:flex;align-items:center;gap:11px;margin:0 0 9px;padding:9px 11px;border:1px solid #45533a;border-radius:10px;background:linear-gradient(110deg,#252d25,#202326)}.chosen-style-banner.applied{border-color:#343a3c;background:#1e2224}.chosen-style-banner>img,.chosen-style-palette{width:64px;height:44px;flex:none;overflow:hidden;border-radius:6px;-o-object-fit:cover;object-fit:cover}.chosen-style-palette{display:flex}.chosen-style-palette i{flex:1}.chosen-style-copy{min-width:0;flex:1;display:grid;gap:2px}.chosen-style-copy small{color:#b0c78c;font-size:8px;font-weight:700;letter-spacing:.1em}.chosen-style-copy strong{overflow:hidden;color:#eff2ed;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chosen-style-copy>span{overflow:hidden;color:#a8b1aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.chosen-style-copy em{color:#e6bd81;font-size:9px;font-style:normal}.chosen-style-actions{display:flex;flex:none;gap:5px}.chosen-style-actions button{min-height:28px;padding:0 8px;border:1px solid #465044;border-radius:7px;background:#252d25;color:#d7e4ca;font-size:9px}.chosen-style-actions button:last-child{border-color:transparent;background:transparent;color:#abb2af}.composer{position:relative;padding:14px 15px 12px;border:1px solid #6b7276;border-radius:14px;background:#202326}.composer:focus-within{border-color:#a5b3ba;box-shadow:0 0 0 3px #7bbcd322}.composer.dragging-image{border-color:#79c6df;box-shadow:0 0 0 3px #7bbcd344}.drop-hint{position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:2;display:grid;place-items:center;border:1px dashed #79c6df;border-radius:10px;color:#dcf6ff;background:#1e3d4aef;font-size:13px;font-weight:600;pointer-events:none}.image-processing{margin:0 0 10px;color:#a7d5e5;font-size:11px}.composer textarea{width:100%;min-height:72px;display:block;resize:vertical;padding:0;border:0;outline:0;background:transparent;color:#f4f5f6;font-size:13px;line-height:1.55}.composer textarea::-moz-placeholder{color:#a6abb0}.composer textarea::placeholder{color:#a6abb0}.attached-image{display:flex;align-items:center;gap:10px;width:-moz-max-content;width:max-content;max-width:100%;margin:2px 0 12px;padding:6px 7px;border:1px solid #465861;border-radius:9px;color:#cbd9df;background:#293035;font-size:11px}.attached-image img{width:48px;height:42px;border-radius:5px;-o-object-fit:cover;object-fit:cover}.attached-image span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attached-image button{display:grid;place-items:center;flex:none;width:25px;height:25px;border:0;border-radius:5px;color:#cbd9df;background:#394348;cursor:pointer}.attached-image button:hover{background:#5a3f3f;color:#fff}.composer-footer{justify-content:space-between;flex-wrap:wrap;gap:6px}.composer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.image-attach-button{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;padding:0;border:1px solid #555d61;border-radius:9px;background:#272a2d;color:#d5e1e6;cursor:pointer}.image-attach-button:hover:not(:disabled){border-color:#79c6df;color:#fff}.image-attach-button:disabled{opacity:.5;cursor:wait}.composer-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.effort-picker{position:relative;width:33px;height:33px;flex:none;display:grid;place-items:center;border:1px solid #555d61;border-radius:9px;background:#272a2d;color:#d5e1e6;cursor:pointer}.effort-picker:hover{border-color:#79c6df;color:#fff}.effort-picker:focus-within{outline:2px solid #7bbcd3;outline-offset:2px}.effort-picker select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.send-button,.stop-button{min-width:84px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #b2745f;border-radius:8px;background:linear-gradient(115deg,#b3715e,#d6886b);color:#1d1715;font-size:11px;font-weight:700;white-space:nowrap}.send-button:hover:not(:disabled){filter:brightness(1.12)}.send-button:disabled{opacity:.48;cursor:not-allowed}.stop-button{color:#f9e4de;background:#56312e;border-color:#864d45}.stop-button:disabled{opacity:.48;cursor:not-allowed}.composer-hint{display:flex;justify-content:space-between;gap:8px;margin:10px 2px 0;color:#898f93;font-size:10px;line-height:1.35}.error-banner,.notice-banner{margin-bottom:10px;padding:9px 11px;border-radius:8px;font-size:12px;line-height:1.5}.error-banner{background:#4d302d;color:#ffc3b7}.notice-banner{background:#463b29;color:#f4d29a}.preview-heading,.preview-actions{gap:6px}.text-editor-toggle,.text-editor-action{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #41484b;border-radius:8px;color:#e8edef;background:#202426;font-size:12px;font-weight:650;white-space:nowrap}.text-editor-toggle.selected,.text-editor-action.primary{border-color:#31c9ff;color:#071317;background:#31c9ff}.text-editor-toggle:disabled,.text-editor-action:disabled{opacity:.45;cursor:not-allowed}.text-editor-action:not(.primary):hover{background:#2b3032}.viewport-toggle{display:flex;gap:2px;padding:3px;border:1px solid #363b3e;border-radius:9px;background:#24282a}.viewport-toggle button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#adb3b5;font-size:11px}.viewport-toggle button.selected{background:#3b4043;color:#f7f8f9;font-weight:600}.preview-stage{min-height:0;flex:1;display:flex;justify-content:center;align-items:stretch;overflow:auto;padding:13px;background:#121415}.browser-frame{width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid #373c3f;border-radius:12px;background:#fff;box-shadow:0 15px 45px #0005}.browser-frame.mobile{width:min(390px,100%);flex:none}.browser-frame iframe{width:100%;height:100%;border:0;background:#fff}.preview-empty{width:min(390px,100%);margin:auto;padding:16px;text-align:center}.preview-empty-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 27px;border:1px solid #353a3d;border-radius:20px;background:#1c1f21;color:#abb5ba}.preview-empty h2{margin:0 0 10px;font-size:21px;letter-spacing:-.035em}.preview-empty p{margin:0;color:#b2b8ba;font-size:15px;line-height:1.7}.preview-footer{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 20px;border-top:1px solid #303438;color:#9fa6a9;font-size:10px;white-space:nowrap}.preview-footer span{gap:6px}.preview-footer svg{color:#80c09e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#08090bc9}.settings-modal{width:min(420px,100%);padding:26px;border:1px solid #42484b;border-radius:18px;background:#202426;box-shadow:0 30px 60px #0009}.projects-modal{width:min(520px,100%);max-height:min(700px,85dvh);display:flex;flex-direction:column;padding:24px;border:1px solid #42484b;border-radius:18px;background:#202426;box-shadow:0 30px 60px #0009}.projects-modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.projects-modal h2{margin:0 0 5px;font-size:19px}.projects-modal p{margin:0;color:#aeb6b9;font-size:12px;line-height:1.5}.project-view-toggle{display:flex;gap:5px;padding:4px;margin-top:17px;border:1px solid #3b4245;border-radius:10px;background:#191c1e}.project-view-toggle button{flex:1;padding:8px;border:0;border-radius:7px;background:transparent;color:#aeb6b9;font-size:12px}.project-view-toggle button.selected{background:#363c3f;color:#f6f7f7;font-weight:700}.projects-list{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:8px;margin:15px 0}.project-list-entry{display:grid;gap:7px}.project-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #3a4043;border-radius:12px;background:#292d30;color:#eceded;text-align:left}.project-item.active{border-color:#b47760;background:#3a302c}.project-item-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:9px;background:#354147;color:#a5d8e9}.project-item-text{min-width:0;flex:1;display:grid;gap:4px}.project-item-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.project-item-text small{color:#aeb5b8;font-size:11px}.project-item-actions{flex:none;display:flex;align-items:center;gap:3px}.project-item-actions button,.project-rename-form button,.project-archive-confirm button{min-height:29px;border:1px solid #50595d;border-radius:7px;background:#303639;color:#e8eded;font-size:11px;cursor:pointer}.project-item-actions button:hover:not(:disabled),.project-rename-form button:hover:not(:disabled){border-color:#8c9ca1}.project-text-action{display:inline-flex;align-items:center;gap:5px;padding:0 8px}.project-icon-action{width:29px;display:grid;place-items:center;padding:0}.project-item-actions .danger{color:#e8a89b}.project-rename-form{min-width:0;flex:1;display:flex;gap:5px}.project-rename-form input{min-width:0;flex:1;padding:5px 7px;border:1px solid #718189;border-radius:7px;background:#191c1e;color:#f5f7f7;font-size:12px}.project-rename-form button{padding:0 7px}.project-archive-confirm{display:grid;gap:9px;padding:10px 12px;border:1px solid #825b55;border-radius:10px;background:#352b29}.project-archive-confirm p{color:#f1d5ce}.project-archive-confirm div{display:flex;justify-content:flex-end;gap:7px}.project-archive-confirm button{padding:0 10px}.project-archive-confirm button.danger{border-color:#be776a;background:#b36e62;color:#211613;font-weight:700}.projects-empty{padding:20px 0;text-align:center}.project-create-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #b8785e;border-radius:10px;background:#b8785e;color:#1b1715;font-size:13px;font-weight:700}.projects-running-note{margin-top:12px!important}.modal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#40302c;color:#eb9b77}.settings-modal h2{margin:18px 0 7px;font-size:19px}.settings-modal p{margin:0 0 22px;color:#b5bcbf;font-size:12px;line-height:1.6}.budget-summary{display:grid;gap:6px;margin:0 0 18px;padding:12px;border:1px solid #42484b;border-radius:10px;background:#191d1f}.budget-summary strong{font-size:13px}.budget-summary span{color:#c9f16b;font-size:15px;font-weight:700}.budget-summary small{color:#aeb6b9;font-size:10px;overflow-wrap:anywhere}.settings-modal label{display:block;color:#d8dcde;font-size:12px;font-weight:700}.settings-modal label+label{margin-top:16px}.settings-modal input,.settings-modal select{width:100%;display:block;margin-top:8px;padding:11px 12px;border:1px solid #555d61;border-radius:9px;background:#191b1d;color:#fff}.settings-modal .settings-toggle{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;cursor:pointer}.settings-modal .settings-toggle input{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:#c9f16b}.settings-modal input:disabled{opacity:.45;cursor:not-allowed}.settings-modal .error-banner{margin:10px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal-actions button{padding:9px 13px;border:1px solid #555c60;border-radius:8px;background:#2a2e30;color:#e5e8e9;font-size:12px;font-weight:700}.modal-actions button:last-child{border-color:#ad6c57;background:#ad6c57;color:#1a1514}@media(max-width:1100px){.app-header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.app-header-actions{flex:1;justify-content:flex-end}.app-brand small{max-width:210px}.panel-heading{padding:0 17px}.conversation{padding:18px}.composer-area{padding:13px}.chosen-style-banner{align-items:flex-start;flex-wrap:wrap}.chosen-style-actions{margin-left:auto}.preview-stage{padding:9px}.preview-footer{padding:0 12px}}@media(max-width:780px){.style-create-choices{grid-template-columns:1fr;align-content:start;padding:15px;overflow:auto}.style-create-choice{min-height:140px;padding:16px}.style-image-import{padding:16px;align-content:start}.style-image-drop{min-height:155px;padding:22px}.style-image-import-actions{flex-direction:column-reverse}.app-header{flex-direction:column;align-items:stretch}.app-header-actions{width:100%;justify-content:space-between}.header-model-picker{flex:1}.header-model-picker select{width:100%}.app-shell{height:auto;min-height:100dvh;overflow:visible}.workspace-layout{flex-direction:column;gap:14px;overflow:visible}.chat-panel{width:100%;height:min(660px,76dvh);min-height:470px}.pane-divider{display:none}.preview-panel{flex:none;width:100%;height:630px}}@media(max-width:650px){.model-provider{display:none}.header-action{padding:0 7px;font-size:0}.header-action svg,.project-count{font-size:10px}}@media(max-width:480px){.app-header{min-height:70px;padding:10px 15px}.app-brand strong{font-size:15px}.app-brand small{font-size:11px;max-width:125px}.app-header-actions{gap:6px}.header-model-picker{flex:1;min-width:0;padding:0 7px}.header-model-picker select{width:100%;max-width:none}.model-provider{display:none}.header-action{padding:0 7px;font-size:0}.header-action svg,.project-count{font-size:10px}.projects-modal{padding:17px}.project-item{flex-wrap:wrap}.project-item-actions{width:100%;justify-content:flex-end}.project-rename-form{flex-wrap:wrap}.brand-mark{width:39px;height:39px}.workspace-layout{gap:10px;padding:10px}.chat-panel,.preview-panel{border-radius:16px}.panel-heading{height:73px;min-height:73px;padding:0 15px}.panel-heading p{font-size:11px}.chat-panel{height:620px}.send-button,.stop-button{padding:0 10px}.viewport-toggle button{padding:5px 6px}.preview-actions{gap:2px}.preview-footer{font-size:9px}}.style-library-backdrop{z-index:20;padding:clamp(8px,2vw,24px)}.style-library-modal{width:min(1220px,100%);height:min(900px,94dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #41484d;border-radius:20px;background:#171a1c;color:#eef0f1;box-shadow:0 30px 90px #000b}.style-library-header{min-height:82px;flex:none;display:flex;align-items:center;gap:15px;padding:17px 22px;border-bottom:1px solid #30363a}.style-library-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;background:#2e3834;color:#c6f36b}.style-library-title{flex:1;min-width:0}.style-library-title h2{margin:0;overflow:hidden;color:#f7f8f8;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.style-library-title p{margin:5px 0 0;color:#a7afb3;font-size:12px;line-height:1.45}.style-close-button,.style-back-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #41484d;border-radius:9px;background:#222729;color:#d6dcdf}.style-back-button{flex:none}.style-close-button{width:36px;flex:none;padding:0}.style-create-button{min-height:37px;flex:none;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #a1c955;border-radius:9px;background:#c6f36b;color:#1d2616;font-size:12px;font-weight:700}.style-create-button:hover{background:#d4ff7b}.style-library-error,.style-library-notice{flex:none;display:flex;align-items:center;gap:8px;margin:12px 22px 0;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.4}.style-library-error{border:1px solid #804d46;background:#382421;color:#ffb8a9}.style-library-notice{border:1px solid #45634e;background:#202e26;color:#c5e6ce}.style-library-tools{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px}.style-search{width:min(380px,48%);height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #41484d;border-radius:9px;background:#202426;color:#99a3a8}.style-search:focus-within{border-color:#82b9cd}.style-search input{width:100%;border:0;outline:0;background:transparent;color:#f1f4f5;font-size:12px}.style-search input::-moz-placeholder{color:#818b90}.style-search input::placeholder{color:#818b90}.style-filters{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #343b3e;border-radius:10px;background:#1d2123}.style-filters button{min-height:29px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#aab2b6;font-size:11px}.style-filters button.active{background:#354039;color:#d1f783}.style-card-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:15px;padding:0 22px 22px;overflow-y:auto;scrollbar-color:#4b5357 transparent}.style-card-image{display:block;width:100%;height:auto;min-height:145px;aspect-ratio:1.62;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.style-reference-cover{display:block;width:100%;max-height:430px;min-height:220px;-o-object-fit:contain;object-fit:contain;background:#111518;border:1px solid var(--border-color,#32393d);border-radius:14px}.style-detail-visual .style-reference-cover{height:100%;max-height:none}.style-form-preview .style-reference-cover{height:auto;max-height:420px}.style-image-import{min-height:0;flex:1;overflow:auto;padding:24px;display:grid;align-content:center;justify-items:center;gap:15px}.style-image-drop{position:relative;width:min(720px,100%);min-height:190px;padding:32px;border:1px dashed #657078;border-radius:18px;background:linear-gradient(135deg,#c2ff5b14,#ffffff05);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;cursor:pointer}.style-image-drop input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.style-image-drop span{color:#eef2ef;font-size:16px;font-weight:700}.style-image-drop small,.style-image-privacy,.style-image-file-caption{color:#99a3a6;font-size:12px}.style-image-import-preview{width:min(760px,100%);max-height:min(48vh,480px);-o-object-fit:contain;object-fit:contain;border:1px solid #343b3e;border-radius:14px;background:#101315}.style-image-file-caption{margin-top:-8px}.style-analysis-quote{width:min(760px,100%);display:grid;gap:6px;padding:15px 17px;border:1px solid #3d4849;border-radius:13px;background:#1c2223;color:#dae1dc;font-size:13px}.style-analysis-quote strong{color:#d1ff65;font-size:14px}.style-analysis-quote small{color:#9da8a4}.style-analysis-quote [role=alert]{color:#ff9c84}.style-url-import{align-content:start}.style-url-field{width:min(760px,100%);justify-self:stretch}.style-url-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid #3b4548;border-radius:10px;background:#121719;color:#eef2ef}.style-source-attribution{margin:0;color:#9da8a4;font-size:12px;overflow-wrap:anywhere}.style-source-attribution a{color:#c6f36b}.style-image-import-actions{width:min(760px,100%);display:flex;justify-content:space-between;gap:10px}.style-image-import-actions button{min-height:40px;padding:0 15px;border:1px solid #444e51;border-radius:10px;background:#252c2e;color:#e7ece9;cursor:pointer}.style-image-import-actions button:last-child{border-color:#cbf66a;background:#cbf66a;color:#172016;font-weight:700}.style-image-import-actions button:disabled{opacity:.5;cursor:not-allowed}.style-create-choices{flex:1;min-height:0;padding:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:16px}.style-create-choice{position:relative;min-height:220px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid #343d3e;border-radius:17px;background:linear-gradient(145deg,#202728,#171b1d);color:#f4f6f3;text-align:left;cursor:pointer}.style-create-choice:hover{border-color:#a9d857;transform:translateY(-2px)}.style-create-choice>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#c5f8631f;color:#d1ff65;font-size:24px}.style-create-choice strong{font-size:18px}.style-create-choice small{color:#aab4b0;line-height:1.55}.style-create-choice-disabled{opacity:.52;cursor:not-allowed}.style-create-choice-disabled:hover{border-color:#343d3e;transform:none}.style-create-choice em{position:absolute;top:16px;right:16px;color:#d1ff65;font-size:11px;font-style:normal}.style-library-card{min-width:0;position:relative;overflow:hidden;border:1px solid #373e42;border-radius:13px;background:#202426;transition:border-color .15s,transform .15s}.style-library-card:hover,.style-library-card.chosen{transform:translateY(-2px);border-color:#829c5b}.style-card-open{width:100%;display:block;padding:0;border:0;background:none;color:inherit;text-align:left}.style-card-info{display:grid;gap:7px;padding:12px 14px 15px}.style-card-meta{display:flex;justify-content:space-between;color:#a8b0b4;font-size:9px;font-weight:700;letter-spacing:.11em}.style-card-meta span{color:#879196;font-weight:500;letter-spacing:0}.style-card-info>strong{overflow:hidden;color:#eff2f3;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.style-card-info>small{min-height:34px;display:-webkit-box;overflow:hidden;color:#a7afb3;font-size:11px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.style-card-star{width:31px;height:31px;position:absolute;top:9px;right:9px;display:grid;place-items:center;border:1px solid #ffffff42;border-radius:50%;background:#1217199c;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.style-card-star.active,.style-action-favorite.active{color:#ff8fa2}.style-cover{--cover-primary: #263238;--cover-accent: #c6f36b;--cover-paper: #f3f1ea;width:100%;aspect-ratio:1.62;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:9% 10%;background:var(--cover-paper);color:var(--cover-primary)}.style-cover-top{height:12%;display:flex;align-items:center;gap:5%;border-bottom:1px solid color-mix(in srgb,var(--cover-primary) 22%,transparent)}.style-cover-top>span:not(.style-cover-logo){width:11%;height:2px;border-radius:4px;background:color-mix(in srgb,var(--cover-primary) 45%,transparent)}.style-cover-top>span:nth-last-child(1){margin-left:auto;width:20%;background:var(--cover-accent)}.style-cover-logo{width:15px;height:15px;border-radius:50%;background:var(--cover-accent)}.style-cover-layout{min-height:0;flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4%}.style-cover-copy{position:relative;z-index:1;display:grid;gap:7px}.style-cover-copy i{color:color-mix(in srgb,var(--cover-primary) 65%,transparent);font-size:clamp(5px,.7vw,8px);font-style:normal;letter-spacing:.13em}.style-cover-copy strong{font:700 clamp(15px,2.1vw,27px)/.94 Georgia,serif;letter-spacing:-.05em}.style-cover-copy em{color:color-mix(in srgb,var(--cover-primary) 68%,var(--cover-accent));font-weight:400}.style-cover-copy small{width:70%;height:3px;margin-top:4px;background:color-mix(in srgb,var(--cover-primary) 25%,transparent)}.style-cover-copy b{width:44%;height:11px;margin-top:3px;border-radius:99px;background:var(--cover-accent)}.style-cover-art{width:100%;aspect-ratio:.86;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:48% 48% 4px 4px;background:var(--cover-primary)}.style-cover-art span{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:var(--cover-accent)}.style-cover-art span:nth-child(2){width:54%;background:color-mix(in srgb,var(--cover-paper) 70%,transparent);mix-blend-mode:screen}.style-cover-art span:nth-child(3){width:30%;background:var(--cover-primary)}.style-cover-cards{height:14%;display:flex;gap:5%}.style-cover-cards span{flex:1;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--cover-primary) 9%,transparent);border-top:2px solid var(--cover-accent)}.style-cover.large{min-height:300px;aspect-ratio:1.25;padding:8%}.style-cover.large .style-cover-copy strong{font-size:clamp(25px,3vw,42px)}.style-cover.large .style-cover-copy i{font-size:10px}.style-cover.large .style-cover-copy b{height:18px}.style-library-empty{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;color:#b2bbbf;text-align:center}.style-library-empty>span{width:49px;height:49px;display:grid;place-items:center;margin-bottom:4px;border-radius:15px;background:#29332c;color:#c6f36b}.style-library-empty strong{color:#eef1f2;font-size:15px}.style-library-empty p{max-width:390px;margin:0 0 8px;font-size:12px;line-height:1.6}.style-detail-view{min-height:0;flex:1;display:grid;grid-template-columns:minmax(280px,.92fr) 1.08fr;grid-template-rows:minmax(0,1fr) auto;gap:20px;padding:20px 24px 0}.style-detail-visual{min-height:0;display:flex;flex-direction:column;gap:12px}.style-cover-open{min-height:0;flex:1;position:relative;overflow:hidden;padding:0;border:1px solid var(--border-color,#32393d);border-radius:14px;background:#111518;cursor:zoom-in}.style-cover-open .style-reference-cover{width:100%;height:100%;min-height:0;max-height:none;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:0;border-radius:inherit}.style-cover-open>span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border:1px solid #ffffff38;border-radius:7px;background:#111518d9;color:#f3f5f5;font-size:10px}.style-detail-visual .style-cover{min-height:260px;flex:1}.style-detail-palette{min-height:42px;display:flex;gap:7px}.style-detail-palette span{min-width:0;flex:1;position:relative;overflow:hidden;border-radius:6px}.style-detail-palette small{position:absolute;inset:auto 0 0;overflow:hidden;padding:3px 4px;background:#1012149e;color:#fff;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.style-detail-content{min-height:0;overflow-y:auto;padding:0 7px 18px 0;scrollbar-color:#4b5357 transparent}.style-detail-summary{margin:0 0 17px;color:#e6e9ea;font-size:15px;line-height:1.65}.style-detail-content section{margin:15px 0;padding-top:13px;border-top:1px solid #343a3d}.style-detail-content h3{margin:0 0 9px;color:#aab4b8;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.style-type-demo{padding:12px;border-radius:9px;background:#202527}.style-type-demo strong{color:#f3f4f5;font:600 20px Georgia,serif}.style-type-demo p,.style-type-demo small,.style-detail-component-demo p{display:block;margin:7px 0 0;color:#b4bdc1;font-size:11px;line-height:1.55}.style-detail-content ul{display:grid;gap:7px;margin:0;padding-left:17px;color:#d2d8da;font-size:12px;line-height:1.5}.style-detail-component-demo>div{display:grid;gap:9px;padding:12px;border:1px solid #3c4548;border-radius:9px;background:#202527}.style-component-button-sample{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:12px;padding:8px 11px;border-radius:6px;background:#c6f36b;color:#202718;font-size:10px;font-weight:700;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.style-component-button-sample>span{color:inherit;font-size:inherit}.style-detail-component-demo span{color:#aab4b8;font-size:10px}.style-detail-note{margin:14px 0 0;padding:11px 12px;border-left:2px solid #a4c75d;background:#232a23;color:#cdd7c7;font-size:11px;line-height:1.6}.style-detail-footer{grid-column:1 / -1;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #343a3d}.style-cover-lightbox{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#050708e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.style-cover-lightbox-panel{width:min(1400px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #394245;border-radius:13px;background:#151a1c;box-shadow:0 24px 90px #000b}.style-cover-lightbox-panel>header{min-height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid #343a3d;color:#e9edee;font-size:12px}.style-cover-lightbox-panel>header button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:#252b2e;color:#f4f6f6}.style-cover-lightbox-scroll{min-height:0;overflow:auto;text-align:center;scrollbar-color:#596367 #181d1f}.style-cover-lightbox-scroll img{display:block;width:min(1200px,88vw);height:auto;max-height:none;margin:0 auto;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.style-detail-actions{display:flex;flex-wrap:wrap;gap:7px}.style-detail-actions button,.style-choose-button{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #41494d;border-radius:8px;background:#23282a;color:#d6dcdf;font-size:10px;font-weight:600}.style-detail-actions .style-delete-action{color:#f5a393}.style-choose-button{flex:none;padding:0 15px;border-color:#a1c955;background:#c6f36b;color:#1c2615;font-size:11px;font-weight:700}.style-choose-button.chosen{border-color:#587735;background:#30462a;color:#d1f783}.style-form{min-height:0;flex:1;display:flex;flex-direction:column}.style-form-scroll{min-height:0;flex:1;overflow-y:auto;padding:20px 24px;scrollbar-color:#4b5357 transparent}.style-form-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:start;gap:25px}.style-form-main{display:grid;gap:15px}.style-field{display:grid;gap:7px;color:#bec6c9;font-size:11px;font-weight:600}.style-field input,.style-field textarea,.style-field select,.style-color-row input{width:100%;min-width:0;border:1px solid #3e474a;border-radius:8px;background:#202527;color:#edf0f1;font-size:12px;font-weight:400}.style-field input,.style-field select{height:38px;padding:0 10px}.style-field textarea{resize:vertical;min-height:66px;padding:9px 10px;line-height:1.5}.style-field input::-moz-placeholder,.style-field textarea::-moz-placeholder,.style-color-row input::-moz-placeholder{color:#7d898e}.style-field input::placeholder,.style-field textarea::placeholder,.style-color-row input::placeholder{color:#7d898e}.style-field-heading{display:flex;align-items:center;justify-content:space-between;color:#e4e8e9;font-size:12px}.style-field-heading button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#c6f36b;font-size:10px}.style-color-editor{display:grid;gap:7px}.style-color-row{display:grid;grid-template-columns:.72fr .62fr 1.3fr 30px;align-items:center;gap:6px}.style-color-row input{height:34px;padding:0 8px;font-size:10px}.style-color-row>button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#aab3b6}.style-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-form-preview{position:sticky;top:0;display:grid;gap:11px}.style-detail-kicker{color:#a4afb3;font-size:9px;font-weight:700;letter-spacing:.14em}.style-form-preview-note{padding:12px;border:1px solid #343c3f;border-radius:9px;background:#202527}.style-form-preview-note strong{color:#edf0f1;font-size:12px}.style-form-preview-note p{margin:6px 0 0;color:#aab4b8;font-size:10px;line-height:1.5}.style-form-footer{min-height:65px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-top:1px solid #343a3d}.style-form-footer>span{max-width:570px;color:#929da1;font-size:10px;line-height:1.5}.style-form-footer>button{min-height:36px;flex:none;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:0;border-radius:8px;background:#c6f36b;color:#1c2615;font-size:11px;font-weight:700}.style-form-footer>button:disabled{opacity:.55}@media(max-width:1050px){.style-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.style-library-modal{height:96dvh;border-radius:15px}.style-library-header{padding:13px 15px;gap:10px}.style-library-title h2{font-size:15px}.style-library-title p{font-size:10px}.style-create-button{min-height:33px;padding:0 9px;font-size:10px}.style-library-tools{align-items:stretch;flex-direction:column;gap:10px;padding:13px 15px}.style-search{width:100%}.style-filters{justify-content:space-between}.style-filters button{flex:1;justify-content:center}.style-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 15px 15px}.style-card-info{padding:10px}.style-card-info>strong{font-size:12px}.style-detail-view{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:13px;padding:13px 15px 0}.style-detail-visual{max-height:245px}.style-cover-open{min-height:165px}.style-detail-visual .style-cover{min-height:170px}.style-detail-content{min-height:150px}.style-detail-footer{flex-direction:column;align-items:stretch;padding:10px 0 13px}.style-detail-actions,.style-choose-button{justify-content:center}.style-form-scroll{padding:15px}.style-form-columns{grid-template-columns:1fr}.style-form-preview{position:static;grid-row:1}.style-form-preview .style-cover.large{min-height:180px;aspect-ratio:1.8}.style-form-footer{padding:10px 15px}}@media(max-width:480px){.style-library-header{min-height:72px;flex-wrap:wrap}.style-library-mark{width:34px;height:34px}.style-library-title{order:1;width:calc(100% - 93px)}.style-library-header>.style-back-button{order:0}.style-library-header>.style-create-button{order:2}.style-library-header>.style-close-button{order:3;margin-left:auto}.style-card-grid{gap:8px}.style-card-info>small{font-size:10px}.style-color-row{grid-template-columns:.8fr .8fr 30px}.style-color-row input:nth-child(3){grid-column:1 / 3;grid-row:2}.style-color-row>button{grid-column:3;grid-row:1 / 3}.style-fields-two{grid-template-columns:1fr}.style-form-footer{align-items:flex-start;flex-direction:column}}