:root{color-scheme:light;--chat-bg: #ffffff;--chat-panel: #f7f7f8;--chat-sidebar: #171717;--chat-sidebar-soft: #212121;--chat-text: #171717;--chat-muted: #6b7280;--chat-border: #e5e5e5;--chat-hover: #f1f1f1;--chat-accent: #10a37f;--chat-accent-dark: #0d8f71;--chat-danger: #dc2626;--chat-shadow: 0 18px 50px rgba(0, 0, 0, .1);--creator-pink: #ec4899;--creator-cyan: #06b6d4;--creator-gold: #f59e0b}.dark{color-scheme:dark;--chat-bg: #212121;--chat-panel: #2f2f2f;--chat-sidebar: #0f0f0f;--chat-sidebar-soft: #1f1f1f;--chat-text: #ececec;--chat-muted: #b4b4b4;--chat-border: #3d3d3d;--chat-hover: #2a2a2a;--chat-accent: #19c37d;--chat-accent-dark: #15a86d;--chat-shadow: 0 20px 60px rgba(0, 0, 0, .36);--creator-pink: #f472b6;--creator-cyan: #22d3ee;--creator-gold: #fbbf24}html,body,#app{height:100%}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--chat-bg);color:var(--chat-text)}button,input,textarea,select{font:inherit}button{border:0;background:transparent;color:inherit;padding:0}.hidden{display:none!important}.lg\:hidden{display:inline-flex}.chat-icon{width:18px;height:18px;flex:0 0 auto}.chat-app{display:flex;height:100vh;min-height:100vh;overflow:hidden;background:var(--chat-bg);color:var(--chat-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.chat-main{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;background:var(--chat-bg)}.chat-topbar{z-index:20;display:grid;height:56px;flex:0 0 auto;grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr);align-items:center;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);background:color-mix(in srgb,var(--chat-bg) 92%,transparent);padding:0 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top)}.surface-page{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--creator-pink) 12%,transparent),transparent 28%),radial-gradient(circle at 95% 8%,color-mix(in srgb,var(--creator-cyan) 10%,transparent),transparent 28%),var(--chat-bg);padding:22px}.dark .surface-page{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--creator-pink) 10%,transparent),transparent 28%),radial-gradient(circle at 95% 8%,color-mix(in srgb,var(--creator-cyan) 8%,transparent),transparent 28%),#171717}.surface-page:before{position:fixed;inset:56px 0 auto 292px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--creator-pink) 42%,transparent),color-mix(in srgb,var(--creator-cyan) 42%,transparent),transparent);content:"";pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.surface-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;width:min(1240px,100%);border:1px solid color-mix(in srgb,var(--chat-border) 76%,transparent);border-radius:26px;background:color-mix(in srgb,var(--chat-panel) 58%,transparent);margin:0 auto 16px;padding:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.surface-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--creator-pink) 34%,var(--chat-border));border-radius:999px;background:color-mix(in srgb,var(--creator-pink) 9%,transparent);color:color-mix(in srgb,var(--creator-pink) 70%,var(--chat-text));padding:5px 10px;font-size:12px;font-weight:750}.surface-hero h1{max-width:760px;margin:12px 0 8px;font-size:clamp(28px,4vw,52px);line-height:1.02;letter-spacing:0}.surface-hero p{max-width:720px;margin:0;color:var(--chat-muted);font-size:15px;line-height:1.7}.surface-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.primary-glow-button,.ghost-surface-button,.surface-section-head button,.surface-empty-card button{display:inline-flex;min-height:42px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:0 14px;font-size:13px;font-weight:750}.primary-glow-button{border:1px solid color-mix(in srgb,var(--creator-pink) 42%,var(--chat-text));background:linear-gradient(135deg,var(--chat-text),color-mix(in srgb,var(--creator-pink) 30%,var(--chat-text)));color:var(--chat-bg);box-shadow:0 16px 46px color-mix(in srgb,var(--creator-pink) 18%,transparent)}.ghost-surface-button,.surface-section-head button,.surface-empty-card button{border:1px solid var(--chat-border);background:var(--chat-bg);color:var(--chat-text)}.primary-glow-button:disabled,.ghost-surface-button:disabled{cursor:not-allowed;opacity:.55}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:after{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:0;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--creator-pink) 16%,transparent),transparent 34%),radial-gradient(circle at 100% 20%,color-mix(in srgb,var(--creator-cyan) 14%,transparent),transparent 36%);content:"";pointer-events:none;transition:opacity .18s ease}.spotlight-card:hover:after,.spotlight-card.active:after{opacity:1}.spotlight-card>*{position:relative;z-index:1}.surface-tabs{display:flex;width:min(1240px,100%);gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 auto 14px;padding:2px 2px 8px}.surface-tabs::-webkit-scrollbar{display:none}.surface-tabs button{min-height:38px;flex:0 0 auto;cursor:pointer;border:1px solid var(--chat-border);border-radius:999px;background:color-mix(in srgb,var(--chat-panel) 74%,transparent);color:var(--chat-muted);padding:0 14px;font-size:13px}.surface-tabs button.active,.surface-tabs button:hover{border-color:color-mix(in srgb,var(--creator-pink) 38%,var(--chat-border));background:var(--chat-text);color:var(--chat-bg)}.surface-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1 / -1}.surface-section-head span{display:grid;gap:3px}.surface-section-head strong{font-size:18px}.surface-section-head small{color:var(--chat-muted);font-size:12px}.surface-empty-card{display:grid;min-height:280px;place-items:center;align-content:center;gap:10px;border:1px dashed color-mix(in srgb,var(--chat-border) 86%,transparent);border-radius:22px;background:color-mix(in srgb,var(--chat-panel) 58%,transparent);color:var(--chat-muted);padding:24px;text-align:center}.surface-empty-card strong{color:var(--chat-text);font-size:18px}.surface-empty-card p,.surface-notice{margin:0;color:var(--chat-muted);line-height:1.7}.surface-empty-card.detail{min-height:100%}.surface-notice{width:min(1240px,100%);border:1px solid color-mix(in srgb,var(--creator-cyan) 30%,var(--chat-border));border-radius:14px;background:color-mix(in srgb,var(--creator-cyan) 8%,transparent);margin:14px auto 0;padding:10px 12px;font-size:13px}.topbar-left,.topbar-center,.topbar-actions{display:flex;min-width:0;align-items:center;gap:8px}.topbar-center{justify-content:center}.topbar-actions{justify-content:flex-end}.topbar-balance{display:inline-flex;min-height:32px;align-items:center;gap:7px;border-radius:999px;border:1px solid var(--chat-border);padding:0 12px;color:var(--chat-muted);font-size:13px}.topbar-balance.low{border-color:color-mix(in srgb,#f59e0b 42%,var(--chat-border));color:#b45309}.image-credit-pill{cursor:pointer;color:var(--chat-text)}.image-credit-pill:hover{background:var(--chat-hover)}.balance-warning{width:min(100% - 32px,780px);margin:10px auto 0;border:1px solid color-mix(in srgb,#f59e0b 34%,var(--chat-border));border-radius:10px;background:color-mix(in srgb,#f59e0b 10%,transparent);color:color-mix(in srgb,#b45309 82%,var(--chat-text));padding:9px 12px;font-size:13px}.image-retention-notice{display:flex;width:min(100% - 32px,780px);margin:10px auto 0;align-items:center;gap:8px;border:1px solid color-mix(in srgb,#0ea5e9 26%,var(--chat-border));border-radius:10px;background:color-mix(in srgb,#0ea5e9 8%,transparent);color:color-mix(in srgb,#0369a1 76%,var(--chat-text));padding:9px 12px;font-size:13px}.image-retention-notice svg{width:16px;height:16px;flex:0 0 auto}.icon-button{display:inline-flex;width:36px;height:36px;cursor:pointer;align-items:center;justify-content:center;border-radius:8px;color:var(--chat-muted);transition:background-color .15s ease,color .15s ease}.icon-button:hover{background:var(--chat-hover);color:var(--chat-text)}.account-chip{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;gap:8px;border-radius:10px;color:var(--chat-text);padding:0 8px;font-size:13px;transition:background-color .15s ease}.account-chip:hover{background:var(--chat-hover)}.avatar.mini{width:26px;height:26px;font-size:12px}.more-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;cursor:default;background:transparent}.more-menu-panel{position:absolute;top:62px;right:14px;z-index:42;display:grid;width:min(330px,calc(100vw - 28px));gap:4px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);box-shadow:var(--chat-shadow);padding:8px}.more-menu-head{display:flex;min-height:38px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--chat-border);margin:0 2px 4px;padding:0 0 6px 8px;color:var(--chat-muted);font-size:12px;font-weight:650}.more-menu-panel>button:not(.icon-button){display:grid;width:100%;min-height:54px;cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border-radius:11px;color:var(--chat-text);padding:8px 10px;text-align:left}.more-menu-panel>button:not(.icon-button):hover{background:var(--chat-hover)}.more-menu-panel>button:not(.icon-button)>.chat-icon{color:var(--chat-muted)}.more-menu-panel span{display:grid;min-width:0;gap:2px}.more-menu-panel strong,.more-menu-panel small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-menu-panel strong{font-size:13px}.more-menu-panel small{color:var(--chat-muted);font-size:12px}.chat-login{display:grid;min-height:100vh;place-items:center;background:#f7f7f8;color:var(--chat-text);padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark .chat-login{background:#171717}.chat-login-card{width:min(100%,420px);border:1px solid var(--chat-border);border-radius:16px;background:var(--chat-bg);box-shadow:var(--chat-shadow);padding:32px}.login-brand{display:flex;align-items:center;gap:14px}.chat-login-mark,.empty-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;overflow:hidden;border:1px solid var(--chat-border);background:var(--chat-bg);color:#fff;font-weight:700}.chat-login-mark img,.empty-mark img,.sidebar-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dark .chat-login-mark,.dark .empty-mark{background:#171717}.chat-login-card h1{margin:0 0 6px;font-size:28px;line-height:1.15}.chat-login-card p{margin:0;color:var(--chat-muted);line-height:1.6}.chat-login-form{display:grid;gap:14px;margin-top:26px}.chat-login-form label{display:grid;gap:7px;color:var(--chat-muted);font-size:13px}.login-input{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-bg);color:var(--chat-text);padding:0 12px}.login-input .chat-icon{color:var(--chat-muted)}.chat-login-form input{min-width:0;flex:1;border:0;background:transparent;color:var(--chat-text);outline:none;padding:12px 0}.login-input:focus-within{border-color:var(--chat-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 18%,transparent)}.chat-login-form button{display:flex;height:44px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--chat-text);color:var(--chat-bg);font-weight:650}.chat-login-form button:disabled{cursor:not-allowed;opacity:.6}.chat-login-error,.chat-error{border:1px solid color-mix(in srgb,var(--chat-danger) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--chat-danger) 8%,transparent);color:var(--chat-danger);font-size:14px;line-height:1.5}.chat-login-error{margin-top:14px!important;padding:10px 12px}.chat-error{width:min(100% - 32px,780px);margin:0 auto 10px;padding:9px 12px}.chat-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:300px;max-width:calc(100vw - 44px);transform:translate(-100%);flex-direction:column;background:#050505;color:#ececec;transition:transform .22s ease}.chat-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;cursor:pointer;background:#0000006b}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 8px}.sidebar-logo{display:grid;width:30px;height:30px;place-items:center;overflow:hidden;border:1px solid #2a2a2a;border-radius:9px;background:#111;color:#f7f7f8;font-size:14px;font-weight:700}.sidebar-head{display:flex;align-items:center;gap:8px;padding:8px 10px 6px}.new-chat{display:flex;min-width:0;height:58px;flex:1;cursor:pointer;align-items:center;gap:10px;border-radius:14px;background:#303030;color:#f7f7f8;padding:0 18px;text-align:left;font-size:16px;transition:background-color .15s ease}.new-chat:hover,.sidebar-account:hover,.session-item:hover,.session-item.active{background:var(--chat-sidebar-soft)}.chat-sidebar .icon-button{color:#b4b4b4}.chat-sidebar .icon-button:hover{background:var(--chat-sidebar-soft);color:#fff}.sidebar-primary-nav{display:grid;gap:2px;padding:0 10px 14px}.sidebar-primary-nav button{display:flex;width:100%;min-height:44px;cursor:pointer;align-items:center;gap:12px;border-radius:12px;color:#ececec;padding:0 14px;text-align:left;font-size:15px;transition:background-color .15s ease}.sidebar-primary-nav button:hover,.sidebar-primary-nav button.skill-market-nav{background:#1f1f1f}.sidebar-primary-nav .chat-icon{width:20px;height:20px;color:#f2f2f2}.session-search{display:flex;height:40px;align-items:center;gap:8px;border:1px solid #303030;border-radius:12px;margin:0 10px 12px;padding:0 10px;color:#8f8f8f}.session-list-title{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:8px;color:#f4f4f4;padding:4px 10px 8px;font-size:14px;font-weight:700}.session-filter{display:inline-flex;gap:2px}.session-filter button{min-height:24px;cursor:pointer;border-radius:7px;color:#9b9b9b;padding:0 7px;font-size:11px}.session-filter button.active,.session-filter button:hover{background:#2b2b2b;color:#f4f4f4}.session-search input{min-width:0;flex:1;border:0;background:transparent;color:#ececec;outline:none;font-size:14px}.session-list{min-height:0;flex:1;overflow-y:auto;padding:0 8px 12px}.session-item{position:relative;display:block;width:100%;min-height:38px;border-radius:10px;color:#e8e8e8;text-align:left}.session-open{display:flex;width:100%;min-height:38px;cursor:pointer;align-items:center;gap:9px;border-radius:inherit;color:inherit;padding:6px 130px 6px 12px;text-align:left}.session-open span{display:grid;min-width:0;gap:2px}.session-open strong,.session-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-open strong{font-size:14px;font-weight:500}.session-open small{color:#8f8f8f;font-size:11px}.session-open>.chat-icon{width:16px;height:16px;color:#9b9b9b}.session-action,.session-delete{position:absolute;top:50%;display:none;width:30px;height:30px;transform:translateY(-50%);cursor:pointer;align-items:center;justify-content:center;border-radius:8px;color:#aaa}.session-action.edit{right:95px}.session-action.pin{right:65px}.session-action.archive{right:35px}.session-delete{right:5px}.session-item:hover .session-action,.session-item:hover .session-delete,.session-item:focus-within .session-action,.session-item:focus-within .session-delete,.session-item.active .session-action,.session-item.active .session-delete{display:inline-flex}.session-action:hover,.session-delete:hover{background:#303030;color:#fff}.session-empty{padding:18px 12px;color:#8f8f8f;font-size:13px}.search-result-group{display:grid;gap:2px;border-top:1px solid #262626;margin-top:8px;padding-top:8px}.search-result-group>small{color:#7f7f7f;font-size:11px;padding:4px 8px}.session-item.search-hit{padding-right:12px}.session-item.search-hit strong{color:#d4af37}.sidebar-foot{display:grid;gap:8px;border-top:1px solid #262626;padding:10px}.balance-pill{display:flex;align-items:center;gap:9px;border-radius:10px;background:#222;color:#dcdcdc;padding:10px 12px;font-size:13px}.sidebar-account{display:flex;width:100%;min-width:0;cursor:pointer;align-items:center;gap:10px;border-radius:10px;color:#ececec;padding:9px 10px;text-align:left}.avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:#3b3b3b;font-size:13px;font-weight:650}.account-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account-popover{display:grid;gap:10px;border:1px solid #303030;border-radius:12px;background:#1b1b1b;padding:10px}.account-popover div{display:grid;gap:3px;min-width:0}.account-popover strong,.account-popover small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover strong{color:#f4f4f4;font-size:13px}.account-popover small{color:#9b9b9b;font-size:12px}.account-popover button{display:flex;height:34px;cursor:pointer;align-items:center;gap:8px;border-radius:9px;color:#e8e8e8;padding:0 9px;font-size:13px}.account-popover button:hover{background:#292929}.account-popover button:first-of-type{color:#f3f3f3}.model-picker{position:relative;min-width:0}.model-trigger{display:flex;max-width:min(52vw,340px);min-height:38px;cursor:pointer;align-items:center;gap:6px;border-radius:10px;color:var(--chat-text);padding:0 10px;font-size:17px;font-weight:650}.model-trigger>.chat-icon{width:19px;height:19px}.model-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-trigger:hover{background:var(--chat-hover)}.model-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:min(360px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);box-shadow:var(--chat-shadow);padding:6px}.model-option{display:grid;width:100%;cursor:pointer;gap:3px;border-radius:10px;color:var(--chat-text);padding:10px 12px;text-align:left}.model-option:hover,.model-option.selected{background:var(--chat-hover)}.model-option span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:650}.model-name{display:inline-flex!important;min-width:0;align-items:center;justify-content:flex-start!important;gap:8px!important}.model-name .chat-icon{width:17px;height:17px;color:var(--chat-muted)}.model-option small{color:var(--chat-muted);font-size:12px;line-height:1.45}.project-trigger{display:inline-flex;max-width:min(34vw,220px);min-height:36px;cursor:pointer;align-items:center;gap:7px;border:1px solid var(--chat-border);border-radius:10px;color:var(--chat-muted);padding:0 10px;font-size:13px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.project-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-trigger:hover{border-color:color-mix(in srgb,var(--chat-border) 55%,var(--chat-text));background:var(--chat-hover);color:var(--chat-text)}.project-panel,.template-panel{position:absolute;top:68px;left:16px;z-index:34;width:min(380px,calc(100vw - 28px));max-height:min(72dvh,620px);overflow:auto;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);box-shadow:var(--chat-shadow);padding:12px}.template-panel{right:14px;left:auto}.project-option,.template-list button{display:grid;width:100%;min-height:54px;cursor:pointer;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:11px;color:var(--chat-text);padding:9px 10px;text-align:left;transition:background-color .15s ease}.project-option:hover,.project-option.active,.template-list button:hover{background:var(--chat-hover)}.project-option>.chat-icon,.template-list button>.chat-icon{width:18px;height:18px;color:var(--chat-muted)}.project-option span,.template-list span{display:grid;min-width:0;gap:2px}.project-option strong,.project-option small,.template-list strong,.template-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-option strong,.template-list strong{font-size:13px;font-weight:650}.project-option small,.template-list small{color:var(--chat-muted);font-size:12px}.template-list{display:grid;gap:4px}.template-list b{border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:3px 7px;font-size:11px}.project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid var(--chat-border);margin-top:10px;padding-top:10px}.project-actions button{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;justify-content:center;gap:7px;border-radius:9px;background:var(--chat-panel);color:var(--chat-text);padding:0 10px;font-size:12px}.project-actions button:hover{background:var(--chat-hover)}.artifact-panel{position:relative;display:none;width:420px;min-width:360px;max-width:38vw;border-left:1px solid var(--chat-border);background:var(--chat-bg);color:var(--chat-text)}.artifact-panel.is-editor{width:min(720px,48vw);min-width:520px;max-width:52vw}.artifact-panel.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;width:auto;min-width:0;max-width:none;border-left:0}.artifact-panel.is-open{display:flex;flex-direction:column}.artifact-head{display:grid;min-height:56px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid var(--chat-border);padding:10px 12px}.artifact-head div{display:grid;min-width:0;gap:2px}.artifact-head small{color:var(--chat-muted);font-size:11px}.artifact-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.artifact-close{display:grid;width:34px;height:34px;cursor:pointer;place-items:center;border-radius:8px;color:var(--chat-muted)}.artifact-close:hover{background:var(--chat-hover);color:var(--chat-text)}.artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--chat-border);padding:8px 12px;color:var(--chat-muted);font-size:12px;overflow-x:auto}.artifact-toolbar button{display:inline-flex;min-height:30px;cursor:pointer;align-items:center;gap:6px;border-radius:8px;color:var(--chat-text);padding:0 8px}.artifact-toolbar button:hover{background:var(--chat-hover)}.artifact-toolbar button.active{background:var(--chat-text);color:var(--chat-bg)}.artifact-frame,.artifact-code,.artifact-markdown{flex:1;min-height:0;overflow:auto}.artifact-frame{width:100%;border:0;background:#fff}.artifact-code{margin:0;background:#101010;color:#f7f7f8;padding:16px;font-size:12px;line-height:1.65;white-space:pre-wrap}.artifact-markdown{padding:18px;font-size:14px;line-height:1.78}.artifact-empty,.artifact-generating{display:grid;place-items:center;align-content:center;gap:10px;flex:1;min-height:0;padding:24px;text-align:center}.artifact-generating{grid-template-columns:28px minmax(0,1fr);place-items:start;align-content:start;text-align:left}.artifact-empty .chat-icon{width:28px;height:28px;color:var(--chat-muted)}.artifact-empty p,.artifact-generating p{margin:0;color:var(--chat-muted);font-size:13px;line-height:1.65}.artifact-empty button{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;justify-content:center;border-radius:11px;background:var(--chat-text);color:var(--chat-bg);padding:0 14px;font-size:13px;font-weight:750}.artifact-list{display:grid;gap:6px;border-top:1px solid var(--chat-border);padding:10px}.artifact-list.is-drawer{position:absolute;right:16px;bottom:16px;z-index:30;width:min(360px,calc(100% - 32px));max-height:min(46dvh,420px);overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--chat-panel) 94%,transparent);box-shadow:0 24px 80px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.artifact-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.artifact-list-head strong{font-size:13px}.artifact-list-head button{min-height:28px;cursor:pointer;border-radius:999px;color:var(--chat-muted);padding:0 10px;font-size:12px}.artifact-list-items{display:grid;max-height:340px;overflow:auto;gap:6px;padding-top:8px}.artifact-list-items>[role=button]{position:relative;display:grid;cursor:pointer;gap:2px;border-radius:9px;color:var(--chat-text);padding:8px 36px 8px 8px;text-align:left}.artifact-list-items>[role=button]:hover,.artifact-list-items>[role=button].active,.artifact-list-items>[role=button]:focus-visible{background:var(--chat-hover)}.artifact-list span,.artifact-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-list small{color:var(--chat-muted);font-size:11px}.artifact-delete-button{position:absolute;top:50%;right:6px;display:grid;width:28px;height:28px;min-height:28px;place-items:center;border-radius:9px;color:var(--chat-muted);transform:translateY(-50%)}.artifact-delete-button svg{width:14px;height:14px}.artifact-delete-button:hover{color:#ef4444;background:#ef44441f}.creator-canvas{display:flex;flex:1;min-height:0;flex-direction:column;gap:14px;overflow:auto;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--creator-pink) 10%,transparent),transparent 32%),radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--creator-cyan) 9%,transparent),transparent 34%),color-mix(in srgb,var(--chat-panel) 42%,transparent);padding:16px}.creator-mobile-modebar{display:none}.creator-workspace{position:relative;min-height:0;flex:1;overflow:hidden;cursor:grab;touch-action:none;border:1px solid color-mix(in srgb,var(--chat-border) 72%,transparent);border-radius:24px;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--creator-pink) 12%,transparent),transparent 28%),radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--creator-cyan) 10%,transparent),transparent 30%),color-mix(in srgb,var(--chat-bg) 82%,var(--chat-panel));min-height:620px;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 20%,transparent)}.one-flow-visual-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;opacity:.18}.one-flow-visual-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.86) contrast(1.08)}.one-flow-visual-bg:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--chat-bg) 90%,transparent),color-mix(in srgb,var(--chat-bg) 68%,transparent));content:""}.creator-workspace:active{cursor:grabbing}.creator-workspace-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.58;background-image:linear-gradient(color-mix(in srgb,var(--chat-border) 58%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--chat-border) 58%,transparent) 1px,transparent 1px);background-position:center;background-size:42px 42px;pointer-events:none}.creator-workspace-world{position:absolute;left:0;top:0;width:1800px;height:1400px;transform-origin:0 0;will-change:transform}.creator-node{position:absolute;display:grid;align-content:start;gap:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 74%,transparent);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--chat-bg) 94%,transparent),color-mix(in srgb,var(--chat-panel) 70%,transparent)),var(--chat-bg);box-shadow:0 24px 80px #0000001f;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.creator-node:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.78;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--creator-pink) 9%,transparent),transparent 36%),radial-gradient(circle at 100% 0,color-mix(in srgb,var(--creator-cyan) 8%,transparent),transparent 34%);content:"";pointer-events:none}.creator-node>*{position:relative;z-index:1}.creator-node-handle{position:absolute;top:8px;right:8px;z-index:3;width:24px;height:24px;cursor:grab;border-radius:8px;background:radial-gradient(circle,var(--chat-muted) 1.5px,transparent 2px) 0 0 / 8px 8px,color-mix(in srgb,var(--chat-hover) 70%,transparent)}.creator-node-handle:active{cursor:grabbing}.creator-node small{color:var(--chat-muted);font-size:11px;font-weight:760;text-transform:uppercase}.creator-node strong,.creator-node h3{margin:0;color:var(--chat-text);font-size:20px;line-height:1.24;letter-spacing:0;outline:none}.creator-node p,.creator-node section span{margin:0;color:var(--chat-muted);font-size:13px;line-height:1.65;outline:none}.creator-node section{display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--chat-border) 62%,transparent);border-radius:15px;background:color-mix(in srgb,var(--chat-bg) 72%,transparent);padding:10px}.creator-node section b{color:var(--chat-text);font-size:13px;outline:none}.creator-node-tags{display:flex;flex-wrap:wrap;gap:6px}.creator-node-tags span{border:1px solid color-mix(in srgb,var(--chat-border) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chat-hover) 70%,transparent);color:var(--chat-muted);padding:4px 8px;font-size:11px}.node-source{border-color:color-mix(in srgb,var(--creator-cyan) 26%,var(--chat-border))}.node-one_page_flow{border-radius:30px}.node-one_page_flow h3{font-size:30px;font-weight:850}.node-image_slot{border-color:color-mix(in srgb,var(--creator-pink) 28%,var(--chat-border))}.node-ai,.node-process{border-color:color-mix(in srgb,var(--creator-cyan) 34%,var(--chat-border))}.node-code{border-color:color-mix(in srgb,#8b5cf6 34%,var(--chat-border))}.node-canvas{border-color:color-mix(in srgb,var(--creator-gold) 34%,var(--chat-border))}.node-image{border-color:color-mix(in srgb,var(--creator-pink) 36%,var(--chat-border))}.creator-node-image{display:grid;height:118px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:16px;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--creator-pink) 18%,transparent),transparent 42%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--creator-cyan) 14%,transparent),transparent 44%),var(--chat-panel);color:var(--chat-muted)}.creator-node-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-node textarea{width:100%;resize:vertical;border:1px solid var(--chat-border);border-radius:12px;background:color-mix(in srgb,var(--chat-bg) 82%,transparent);color:var(--chat-text);padding:10px;font-size:12px;line-height:1.55}.node-prompt textarea{min-height:168px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.workflow-edges{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.workflow-edges path{fill:none;stroke:color-mix(in srgb,var(--creator-cyan) 54%,var(--chat-border));stroke-linecap:round;stroke-width:3;filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--creator-cyan) 14%,transparent))}.workflow-node{min-height:96px!important;border-radius:18px}.workflow-node.is-selected,.workflow-node:has(.workflow-status-pill.is-running){border-color:color-mix(in srgb,var(--creator-cyan) 62%,var(--chat-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--creator-cyan) 30%,transparent),0 24px 80px #00000024}.workflow-node-head,.workflow-node-meta{display:flex;align-items:center;gap:8px;justify-content:space-between}.workflow-status-pill{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chat-hover) 72%,transparent);color:var(--chat-muted);padding:3px 8px;font-size:11px;font-weight:800}.workflow-status-pill.is-running,.workflow-status-pill.is-queued{border-color:color-mix(in srgb,var(--creator-cyan) 46%,var(--chat-border));color:color-mix(in srgb,var(--creator-cyan) 70%,var(--chat-text))}.workflow-status-pill.is-completed{border-color:color-mix(in srgb,#22c55e 42%,var(--chat-border));color:#16a34a}.workflow-status-pill.is-failed{border-color:color-mix(in srgb,#ef4444 42%,var(--chat-border));color:#ef4444}.workflow-node-meta{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--chat-border) 62%,transparent);border-radius:12px;background:color-mix(in srgb,var(--chat-hover) 54%,transparent);padding:8px}.workflow-node-meta span{overflow:hidden;color:var(--chat-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.workflow-node-config{display:grid;gap:5px;color:var(--chat-muted);font-size:11px;font-weight:760}.workflow-node-config input{min-width:0;border:1px solid color-mix(in srgb,var(--chat-border) 74%,transparent);border-radius:10px;background:color-mix(in srgb,var(--chat-bg) 82%,transparent);color:var(--chat-text);padding:8px 9px;font-size:12px}.workflow-port{position:absolute;z-index:4;top:50%;width:14px;height:14px;border:2px solid var(--chat-bg);border-radius:999px;background:linear-gradient(135deg,var(--creator-cyan),var(--creator-pink));box-shadow:0 0 0 1px color-mix(in srgb,var(--chat-border) 80%,transparent);transform:translateY(-50%)}.workflow-port.port-in{left:-7px}.workflow-port.port-out{right:-7px}.workflow-node-output{max-height:130px;overflow:auto;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--chat-bg) 78%,transparent);color:var(--chat-muted);margin:0;padding:10px;font-size:11px;line-height:1.45;white-space:pre-wrap}.artifact-toolbar .primary-action,.workflow-floating-toolbar .primary-action,.creator-image-actions .primary-action,.creator-export-actions .primary-action{border-color:color-mix(in srgb,var(--creator-pink) 38%,var(--chat-text));background:linear-gradient(135deg,var(--chat-text),color-mix(in srgb,var(--creator-pink) 24%,var(--chat-text)));color:var(--chat-bg);box-shadow:0 12px 30px color-mix(in srgb,var(--creator-pink) 13%,transparent)}.artifact-toolbar .primary-action:disabled,.workflow-floating-toolbar .primary-action:disabled,.creator-image-actions .primary-action:disabled{cursor:not-allowed;box-shadow:none;opacity:.48}.creator-image-slot.is-failed{border-color:color-mix(in srgb,#ef4444 34%,var(--chat-border))}.creator-image-slot.is-generating{border-color:color-mix(in srgb,var(--creator-cyan) 44%,var(--chat-border))}.creator-export-panel{display:grid;grid-template-columns:minmax(320px,1fr) 280px;gap:16px;align-items:start}.creator-final-preview,.creator-export-actions{border:1px solid color-mix(in srgb,var(--chat-border) 78%,transparent);border-radius:24px;background:color-mix(in srgb,var(--chat-bg) 80%,transparent);box-shadow:0 18px 54px #00000014;padding:16px}.final-poster-frame{position:relative;min-height:min(76dvh,920px);overflow:hidden;border-radius:28px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--creator-gold) 18%,transparent),transparent 34%),radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--creator-cyan) 14%,transparent),transparent 32%),#fbfaf7}.final-poster-frame>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.32}.final-poster-overlay{position:relative;z-index:1;display:grid;gap:16px;min-height:inherit;align-content:start;background:linear-gradient(180deg,#ffffffe0,#ffffffb3);padding:clamp(24px,4vw,54px)}.final-poster-overlay small{color:color-mix(in srgb,var(--creator-gold) 72%,var(--chat-text));font-size:13px;font-weight:850}.final-poster-overlay strong{color:var(--chat-text);font-size:clamp(30px,5vw,58px);line-height:1.08;letter-spacing:0}.final-poster-overlay p,.final-poster-overlay span{color:color-mix(in srgb,var(--chat-text) 72%,var(--chat-muted));font-size:15px;line-height:1.72}.final-poster-overlay section{display:grid;gap:7px;border:1px solid rgba(0,0,0,.07);border-radius:18px;background:#ffffffad;padding:14px 16px}.final-poster-overlay b{color:var(--chat-text);font-size:16px}.creator-export-actions{position:sticky;top:14px;display:grid;gap:10px}.creator-export-actions strong{color:var(--chat-text);font-size:17px}.creator-export-actions p{color:var(--chat-muted);margin:0;font-size:13px;line-height:1.65}.creator-export-actions button{display:inline-flex;min-height:40px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--chat-text);color:var(--chat-bg);padding:0 13px;font-size:13px;font-weight:760}.creator-export-actions button:not(:first-of-type){background:color-mix(in srgb,var(--chat-hover) 82%,transparent);color:var(--chat-text)}.workflow-node-error,.canvas-slot-error{display:block;border:1px solid color-mix(in srgb,#ef4444 36%,var(--chat-border));border-radius:10px;background:color-mix(in srgb,#ef4444 9%,transparent);color:#ef4444;padding:8px 10px;font-size:12px;font-style:normal;line-height:1.45}.node-input{border-color:color-mix(in srgb,var(--creator-cyan) 34%,var(--chat-border))}.node-review{border-color:color-mix(in srgb,var(--creator-gold) 40%,var(--chat-border))}.node-output{border-color:color-mix(in srgb,var(--creator-pink) 36%,var(--chat-border))}.workflow-floating-toolbar{position:absolute;top:14px;left:14px;z-index:7;display:flex;max-width:calc(100% - 260px);align-items:center;gap:7px;overflow-x:auto;border:1px solid color-mix(in srgb,var(--chat-border) 78%,transparent);border-radius:16px;background:color-mix(in srgb,var(--chat-bg) 88%,transparent);box-shadow:0 18px 48px #0000001f;padding:7px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workflow-floating-toolbar button{flex:0 0 auto;min-height:32px;cursor:pointer;border-radius:11px;background:color-mix(in srgb,var(--chat-hover) 82%,transparent);color:var(--chat-text);padding:0 11px;font-size:12px;font-weight:760}.workflow-floating-toolbar button:last-child{background:var(--chat-text);color:var(--chat-bg)}.workflow-floating-toolbar button:disabled{cursor:not-allowed;opacity:.48}.creator-workspace-controls{position:absolute;top:14px;right:14px;z-index:6;display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--chat-border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--chat-bg) 86%,transparent);box-shadow:0 18px 48px #0000001f;padding:6px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.creator-workspace-controls button,.creator-workspace-controls b{display:inline-flex;min-width:34px;height:32px;cursor:pointer;align-items:center;justify-content:center;border-radius:10px;color:var(--chat-text);padding:0 9px;font-size:12px;font-weight:760}.creator-workspace-controls button:hover{background:var(--chat-hover)}.creator-workspace-controls b{cursor:default;color:var(--chat-muted)}.creator-minimap{position:absolute;right:16px;bottom:16px;z-index:6;width:160px;height:110px;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--chat-bg) 80%,transparent);box-shadow:0 18px 48px #0000001f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.creator-minimap span{position:absolute;border-radius:3px;background:linear-gradient(135deg,var(--creator-pink),var(--creator-cyan));opacity:.78}.creator-workspace-hint{position:absolute;left:16px;bottom:16px;z-index:6;max-width:min(460px,calc(100% - 210px));border:1px solid color-mix(in srgb,var(--creator-gold) 32%,var(--chat-border));border-radius:14px;background:color-mix(in srgb,var(--chat-bg) 78%,transparent);color:var(--chat-muted);margin:0;padding:9px 12px;font-size:12px;line-height:1.55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workflow-run-log{position:absolute;right:16px;bottom:138px;z-index:6;width:250px;max-height:250px;overflow:auto;border:1px solid color-mix(in srgb,var(--chat-border) 78%,transparent);border-radius:16px;background:color-mix(in srgb,var(--chat-bg) 86%,transparent);box-shadow:0 18px 54px #0000001f;color:var(--chat-muted);padding:12px;font-size:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workflow-run-log strong{display:block;color:var(--chat-text);margin-bottom:8px;font-size:13px}.workflow-run-log p{margin:0;line-height:1.55}.workflow-run-log ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.workflow-run-log li{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;background:color-mix(in srgb,var(--chat-hover) 68%,transparent);padding:8px 9px}.workflow-run-log li b{min-width:0;overflow:hidden;color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap}.workflow-run-log li span{flex:0 0 auto;color:var(--chat-muted)}.creator-canvas-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-panel);padding:10px 12px;color:var(--chat-muted);font-size:12px}.creator-canvas-status button,.creator-image-actions button,.creator-quick-actions button{min-height:34px;cursor:pointer;border-radius:8px;background:var(--chat-text);color:var(--chat-bg);padding:0 12px;font-size:12px}.creator-image-actions button:disabled{cursor:not-allowed;opacity:.48}.creator-preview-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr);gap:14px;align-items:start}.creator-phone-preview,.one-page-flow-preview,.creator-image-slot,.creator-copy-editor,.creator-annotation-workbench{border:1px solid color-mix(in srgb,var(--chat-border) 78%,transparent);border-radius:22px;background:color-mix(in srgb,var(--chat-bg) 78%,transparent);box-shadow:0 18px 54px #00000014;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.publish-preview{overflow:hidden;border-radius:30px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--creator-gold) 16%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--chat-bg) 96%,transparent),color-mix(in srgb,var(--chat-panel) 88%,transparent)),var(--chat-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--creator-gold) 14%,transparent),0 28px 90px #0000001a}.publish-preview header{border:0;border-radius:20px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--creator-gold) 16%,transparent),transparent 42%),color-mix(in srgb,var(--chat-bg) 78%,transparent);padding:18px}.publish-preview header strong{font-size:clamp(25px,3vw,40px);font-weight:850;letter-spacing:0}.publish-cover{display:grid;min-height:260px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:22px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--creator-pink) 20%,transparent),transparent 38%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--creator-cyan) 16%,transparent),transparent 36%),color-mix(in srgb,var(--chat-bg) 86%,transparent);color:var(--chat-muted);font-size:13px}.publish-cover:before,.creator-phone-cover:before,.creator-image-preview:before{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--creator-pink) 24%,transparent),color-mix(in srgb,var(--creator-cyan) 22%,transparent));content:"";filter:blur(.2px)}.publish-cover:has(img):before,.creator-phone-cover:has(img):before,.creator-image-preview:has(img):before{display:none}.publish-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.publish-intro{border-left:3px solid color-mix(in srgb,var(--creator-gold) 70%,var(--chat-border));padding-left:12px}.flow-index{width:-moz-fit-content;width:fit-content;border-radius:999px;background:color-mix(in srgb,var(--creator-gold) 16%,transparent);color:color-mix(in srgb,var(--creator-gold) 72%,var(--chat-text));padding:3px 8px;font-size:11px;font-weight:850}.carousel-preview{border-radius:28px;background:var(--chat-bg);box-shadow:0 24px 70px #0000001a}.creator-phone-preview{display:grid;gap:12px}.creator-phone-cover{display:grid;min-height:260px;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#ffffff14,#00000014);color:var(--chat-muted)}.creator-phone-cover img,.creator-image-preview img,.annotation-stage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-phone-preview h3,.one-page-flow-preview strong{margin:0;line-height:1.25;outline:none}.creator-phone-preview p,.one-page-flow-preview p{margin:0;color:var(--chat-muted);font-size:13px;line-height:1.65;outline:none}.creator-tags,.creator-quick-actions,.creator-image-actions{display:flex;flex-wrap:wrap;gap:8px}.creator-tags span{border:1px solid var(--chat-border);border-radius:999px;padding:4px 9px;color:var(--chat-muted);font-size:12px}.one-page-flow-preview{display:grid;gap:10px}.one-page-flow-preview header{display:grid;gap:4px;border-bottom:1px solid var(--chat-border);padding-bottom:12px}.one-page-flow-preview header small{color:var(--chat-muted);font-size:11px}.one-page-flow-preview section{display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:18px;background:color-mix(in srgb,var(--chat-bg) 82%,transparent);padding:12px}.canvas-image-guidance{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--creator-cyan) 30%,var(--chat-border));border-radius:16px;background:color-mix(in srgb,var(--creator-cyan) 8%,transparent);padding:12px}.canvas-image-guidance div{display:grid;gap:3px}.canvas-image-guidance button{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--chat-text);color:var(--chat-bg);padding:0 12px;font-size:12px;font-weight:750}.canvas-image-guidance button:disabled{cursor:not-allowed;opacity:.45}.canvas-image-guidance strong{font-size:14px}.canvas-image-guidance span{color:var(--chat-muted);font-size:12px;line-height:1.6}.creator-copy-editor,.creator-block-list,.creator-annotation-workbench{display:grid;gap:12px}.creator-copy-editor label,.creator-annotation-workbench label{display:grid;gap:6px;color:var(--chat-muted);font-size:12px}.creator-copy-editor input,.creator-copy-editor textarea,.creator-block-list input,.creator-block-list textarea,.creator-image-slot textarea,.creator-annotation-workbench textarea{width:100%;resize:vertical;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-bg);color:var(--chat-text);padding:10px;font:inherit}.creator-quick-actions button{background:var(--chat-hover);color:var(--chat-text)}.creator-block-list article{display:grid;gap:8px}.creator-image-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-image-slot{display:grid;gap:10px}.creator-image-preview{position:relative;display:grid;min-height:210px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:18px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--creator-pink) 13%,transparent),transparent 34%),radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--creator-cyan) 11%,transparent),transparent 34%),var(--chat-bg);color:var(--chat-muted)}.canvas-slot-status{position:absolute;top:10px;left:10px;z-index:2;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chat-bg) 86%,transparent);color:var(--chat-muted);padding:5px 9px;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-slot-status.status-generating{border-color:color-mix(in srgb,var(--creator-cyan) 46%,var(--chat-border));color:var(--creator-cyan)}.canvas-slot-status.status-completed{border-color:color-mix(in srgb,#22c55e 42%,var(--chat-border));color:#16a34a}.canvas-slot-status.status-failed{border-color:color-mix(in srgb,#ef4444 42%,var(--chat-border));color:#ef4444}.creator-image-actions button:first-child{background:var(--chat-text);color:var(--chat-bg)}.creator-image-actions button:not(:first-child){background:var(--chat-hover);color:var(--chat-text)}.annotation-stage{position:relative;display:grid;min-height:360px;cursor:crosshair;place-items:center;overflow:hidden;border:1px solid var(--chat-border);border-radius:22px;background:linear-gradient(45deg,color-mix(in srgb,var(--chat-hover) 70%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--chat-hover) 70%,transparent) 25%,transparent 25%),var(--chat-bg);background-size:22px 22px}.annotation-empty{display:grid;gap:8px;place-items:center;color:var(--chat-muted);text-align:center}.annotation-box{position:absolute;border:2px solid #f97316;border-radius:999px;background:#f973161f;pointer-events:none}.annotation-box.active{border-style:dashed}.message-pane{min-height:0;flex:1;overflow-y:auto;padding:20px 0 18px;scroll-behavior:smooth}.chat-empty-state{display:grid;width:min(100% - 32px,760px);min-height:calc(100vh - 230px);align-content:center;justify-items:center;margin:0 auto;text-align:center}.chat-empty-state h1{margin:22px 0 9px;font-size:clamp(28px,5vw,38px);font-weight:650;letter-spacing:0}.chat-empty-state p{max-width:560px;margin:0;color:var(--chat-muted);line-height:1.7}.empty-starter-steps{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.empty-starter-steps span{display:inline-flex;min-height:36px;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--chat-border) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chat-panel) 70%,transparent);color:var(--chat-muted);padding:0 11px 0 6px;font-size:12px}.empty-starter-steps strong{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--chat-text);color:var(--chat-bg);font-size:12px}.empty-starter-steps small{font-size:12px}.prompt-grid{display:grid;width:min(100%,680px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.prompt-grid button{display:flex;align-items:center;gap:10px;min-height:54px;cursor:pointer;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);color:var(--chat-text);padding:12px 14px;text-align:left;transition:background-color .15s ease,border-color .15s ease}.prompt-grid button span{display:grid;min-width:0;gap:2px}.prompt-grid button strong,.prompt-grid button small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-grid button strong{font-size:14px;font-weight:650}.prompt-grid button small{color:var(--chat-muted);font-size:12px}.prompt-grid button:hover{background:var(--chat-hover);border-color:color-mix(in srgb,var(--chat-border) 55%,var(--chat-text))}.empty-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.empty-scenario-row{display:grid;width:min(100%,760px);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.empty-action-row button,.empty-scenario-row button{display:inline-flex;min-height:44px;cursor:pointer;align-items:center;justify-content:center;gap:9px;border:1px solid var(--chat-border);border-radius:999px;background:transparent;color:var(--chat-text);padding:0 16px;font-size:15px;transition:background-color .15s ease,border-color .15s ease}.empty-scenario-row button{border-radius:14px;background:color-mix(in srgb,var(--chat-panel) 60%,transparent);font-size:13px;font-weight:700}.empty-action-row button:hover,.empty-scenario-row button:hover{background:var(--chat-hover);border-color:color-mix(in srgb,var(--chat-border) 55%,var(--chat-text))}.message-stack{display:grid}.message-row{display:grid;grid-template-columns:34px minmax(0,760px);justify-content:center;gap:14px;padding:20px}.message-row.from-user{background:transparent}.message-row.from-assistant{background:color-mix(in srgb,var(--chat-panel) 42%,transparent)}.message-avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--chat-text);color:var(--chat-bg);font-size:12px;font-weight:700}.message-avatar .chat-icon{width:16px;height:16px}.from-assistant .message-avatar{background:var(--chat-panel);color:var(--chat-text);border:1px solid var(--chat-border)}.message-body{min-width:0;line-height:1.75}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message-meta span{font-weight:650}.message-meta small{color:var(--chat-muted);font-size:12px}.message-date-divider{display:flex;justify-content:center;margin:12px 0 4px;color:var(--chat-muted);font-size:12px}.message-date-divider span{border:1px solid var(--chat-border);border-radius:999px;background:var(--chat-panel);padding:3px 10px}.message-markdown{color:var(--chat-text);font-size:15px;line-height:1.78;overflow-wrap:anywhere}.message-markdown p{margin:0 0 12px}.message-markdown p:last-child{margin-bottom:0}.message-markdown pre{overflow:auto;border-radius:12px;background:#0d0d0d;color:#f7f7f8;padding:14px}.message-markdown code{border-radius:6px;background:color-mix(in srgb,var(--chat-muted) 15%,transparent);padding:2px 5px;font-size:.92em}.message-markdown pre code{background:transparent;padding:0}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.message-attachment{display:grid;grid-template-columns:36px minmax(0,1fr);min-width:min(100%,220px);max-width:min(100%,320px);align-items:center;gap:10px;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-panel);color:inherit;padding:7px;text-decoration:none}.message-attachment-thumb,.message-attachment-icon{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border-radius:8px;background:var(--chat-bg);color:var(--chat-muted)}.message-attachment-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-attachment strong{display:block;overflow:hidden;color:var(--chat-text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.message-attachment small{display:block;overflow:hidden;color:var(--chat-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;opacity:0;transition:opacity .15s ease}.message-row:hover .message-actions{opacity:1}.message-actions button,.image-actions button,.image-actions a{display:inline-flex;min-height:30px;cursor:pointer;align-items:center;gap:6px;border-radius:8px;color:var(--chat-muted);padding:0 8px;text-decoration:none;font-size:12px}.image-history-panel,.image-credit-panel{position:absolute;top:68px;right:14px;z-index:35;width:min(360px,calc(100vw - 28px));max-height:min(70dvh,560px);overflow:auto;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);box-shadow:var(--chat-shadow);padding:12px}.credit-panel-balance{display:flex;align-items:center;gap:10px;border-radius:10px;background:var(--chat-panel);padding:12px;color:var(--chat-muted);font-size:14px}.credit-panel-balance strong{color:var(--chat-text)}.credit-package-list{display:grid;gap:8px;margin-top:12px}.credit-package-list button{display:flex;min-height:58px;cursor:pointer;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--chat-border);border-radius:10px;padding:10px 12px;text-align:left;transition:border-color .15s ease,background-color .15s ease}.credit-package-list button:hover{border-color:color-mix(in srgb,var(--chat-accent) 45%,var(--chat-border));background:color-mix(in srgb,var(--chat-accent) 7%,transparent)}.credit-package-list button:disabled{cursor:wait;opacity:.65}.credit-package-list span{display:grid;gap:2px}.credit-package-list small,.credit-panel-empty{color:var(--chat-muted)}.credit-package-list b{color:var(--chat-text)}.image-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.image-history-head button{display:grid;width:32px;height:32px;cursor:pointer;place-items:center;border-radius:8px}.image-history-head button:hover{background:var(--chat-hover)}.image-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-history-grid button{display:grid;cursor:pointer;gap:6px;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-panel);padding:6px;text-align:left}.image-history-grid img{width:100%;aspect-ratio:1;border-radius:8px;-o-object-fit:cover;object-fit:cover}.image-history-grid span{overflow:hidden;color:var(--chat-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message-actions button:hover,.image-actions button:hover,.image-actions a:hover{background:var(--chat-hover);color:var(--chat-text)}.typing-line{width:min(66%,430px);height:14px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--chat-muted) 28%,transparent),transparent);background-size:220% 100%;animation:chat-shimmer 1.2s linear infinite}.image-generating-card{display:inline-flex;max-width:min(100%,520px);align-items:flex-start;gap:12px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);padding:12px 14px}.image-generating-copy{display:grid;min-width:0;gap:6px}.image-generating-card strong,.image-generating-card small{display:block}.image-generating-card strong{color:var(--chat-text);font-size:14px;font-weight:650;line-height:1.45}.image-generating-card small{margin-top:2px;color:var(--chat-muted);font-size:12px;line-height:1.45}.image-generating-spinner{width:22px;height:22px;margin-top:2px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--chat-muted) 20%,transparent);border-top-color:var(--chat-text);border-radius:50%;animation:chat-spin .85s linear infinite}.image-generating-progress{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.image-generating-progress span{border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:4px 8px;font-size:11px;line-height:1}.image-generating-progress span.active{background:color-mix(in srgb,var(--chat-accent) 14%,var(--chat-panel));color:var(--chat-text)}.image-caption{margin:0 0 12px;color:var(--chat-text)}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-tile{margin:0;overflow:hidden;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg)}.image-tile img{display:block;width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.image-actions{display:flex;align-items:center;gap:4px;padding:7px}.image-fallback{border:1px solid color-mix(in srgb,#f59e0b 36%,transparent);border-radius:10px;background:color-mix(in srgb,#f59e0b 10%,transparent);color:color-mix(in srgb,#f59e0b 78%,var(--chat-text));padding:10px 12px;font-size:14px}.composer-wrap{flex:0 0 auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--chat-bg) 28%)}.composer{position:relative;display:grid;width:min(100%,820px);grid-template-columns:42px 42px minmax(0,1fr) 42px;gap:8px;border:1px solid var(--chat-border);border-radius:18px;background:var(--chat-bg);box-shadow:0 8px 28px #00000014;margin:0 auto;padding:8px}.dark .composer{box-shadow:none}.composer.is-dragging{border-color:var(--chat-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 18%,transparent)}.composer-status-row{grid-column:1 / -1;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;overflow-x:auto;scrollbar-width:none}.composer-status-row::-webkit-scrollbar{display:none}.composer-suggestion-row{grid-column:1 / -1;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--creator-cyan) 28%,var(--chat-border));border-radius:12px;background:color-mix(in srgb,var(--creator-cyan) 7%,transparent);color:var(--chat-muted);padding:8px 10px;font-size:12px;line-height:1.45}.composer-suggestion-row .chat-icon{color:color-mix(in srgb,var(--creator-cyan) 72%,var(--chat-text))}.composer-suggestion-row span{min-width:0}.composer-suggestion-row button{min-height:30px;cursor:pointer;border-radius:9px;background:var(--chat-text);color:var(--chat-bg);padding:0 10px;font-size:12px;font-weight:750;white-space:nowrap}.mode-badge{display:inline-flex;min-height:30px;min-width:0;align-items:center;gap:7px;border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:0 10px;font-size:12px;white-space:nowrap}.mode-badge.image{color:var(--chat-text)}.tools-button{display:inline-flex;width:42px;height:42px;cursor:pointer;align-self:end;align-items:center;justify-content:center;border-radius:12px;color:var(--chat-muted);transition:background-color .15s ease,color .15s ease}.tools-button:hover{background:var(--chat-hover);color:var(--chat-text)}.composer-tools-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;display:grid;width:min(460px,calc(100vw - 32px));gap:10px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);box-shadow:var(--chat-shadow);padding:12px}.composer-menu-section{display:grid;min-width:0;gap:7px}.composer-menu-section small{color:var(--chat-muted);font-size:12px}.composer-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.composer-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.composer-help-grid button{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;justify-content:center;gap:7px;border:1px solid var(--chat-border);border-radius:11px;background:var(--chat-panel);color:var(--chat-text);font-size:13px}.composer-help-grid button:hover{background:var(--chat-hover)}.composer-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:12px;background:var(--chat-panel);padding:4px}.composer-segment button{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;justify-content:center;gap:7px;border-radius:9px;color:var(--chat-muted);font-size:13px}.composer-segment button.active,.composer-segment button:hover{background:var(--chat-bg);color:var(--chat-text)}.tool-pill,.tool-select{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;gap:6px;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-panel);color:var(--chat-muted);padding:0 11px;font-size:13px;outline:none}.tool-select select{cursor:pointer;border:0;background:transparent;color:inherit;outline:none;padding:0}.tool-select .chat-icon{width:15px;height:15px}.skill-select{max-width:min(280px,58vw);color:var(--chat-text)}.skill-select select{min-width:0;max-width:210px;text-overflow:ellipsis}.credit-cost-hint{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:0 10px;font-size:12px}.credit-cost-hint.is-low{background:color-mix(in srgb,var(--chat-danger) 10%,transparent);color:var(--chat-danger)}.attachment-strip{grid-column:1 / -1;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.attachment-strip::-webkit-scrollbar{display:none}.attachment-chip{display:grid;grid-template-columns:34px minmax(120px,1fr) 24px;flex:0 0 auto;width:min(260px,76vw);align-items:center;gap:9px;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-panel);padding:6px}.attachment-chip.uploading,.attachment-chip.parsing{border-color:color-mix(in srgb,var(--chat-accent) 38%,var(--chat-border))}.attachment-chip.failed{border-color:color-mix(in srgb,var(--chat-danger) 55%,var(--chat-border))}.attachment-chip.cleared{opacity:.78}.attachment-chip.ready{border-color:color-mix(in srgb,var(--chat-accent) 20%,var(--chat-border))}.attachment-thumb,.attachment-file-icon{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:8px;background:var(--chat-bg);color:var(--chat-muted)}.attachment-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attachment-info{min-width:0}.attachment-info strong{display:block;overflow:hidden;color:var(--chat-text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.attachment-info span{display:block;overflow:hidden;color:var(--chat-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{display:grid;width:28px;height:28px;cursor:pointer;place-items:center;border-radius:7px;color:var(--chat-muted);transition:background-color .15s ease,color .15s ease}.attachment-chip button:hover{background:var(--chat-hover);color:var(--chat-text)}.attach-button{display:inline-flex;width:42px;height:42px;cursor:pointer;align-self:end;align-items:center;justify-content:center;border-radius:12px;color:var(--chat-muted);transition:background-color .15s ease,color .15s ease}.attach-button:hover{background:var(--chat-hover);color:var(--chat-text)}.composer textarea{grid-column:3;width:100%;max-height:180px;min-height:42px;resize:none;border:0;background:transparent;color:var(--chat-text);outline:none;padding:8px 6px;font-size:15px;line-height:1.55}.send-button{display:inline-flex;width:42px;height:42px;cursor:pointer;align-self:end;align-items:center;justify-content:center;border-radius:12px;background:var(--chat-text);color:var(--chat-bg);transition:opacity .15s ease,transform .15s ease}.send-button:not(:disabled):hover{transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.34}.send-button.stop{background:var(--chat-danger);color:#fff}.composer-hint{width:min(100%,820px);margin:8px auto 0;color:var(--chat-muted);font-size:12px;text-align:center}.user-center-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#0000006b;padding:18px}.user-center-panel{display:grid;width:min(1080px,100%);height:min(760px,calc(100dvh - 36px));grid-template-columns:260px minmax(0,1fr);overflow:hidden;border:1px solid var(--chat-border);border-radius:18px;background:var(--chat-bg);color:var(--chat-text);box-shadow:var(--chat-shadow)}.user-center-nav{display:flex;min-height:0;flex-direction:column;gap:4px;border-right:1px solid var(--chat-border);background:var(--chat-panel);padding:14px;overflow-y:auto}.user-center-profile{display:grid;gap:4px;border-bottom:1px solid var(--chat-border);margin-bottom:8px;padding:6px 4px 14px}.avatar.lg{width:42px;height:42px;margin-bottom:6px}.user-center-profile strong,.user-center-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-center-profile small,.user-center-head small,.section-toolbar small,.muted-copy,.empty-copy{color:var(--chat-muted)}.user-center-nav button{display:flex;min-height:40px;cursor:pointer;align-items:center;gap:10px;border-radius:10px;color:var(--chat-muted);padding:0 10px;text-align:left}.user-center-nav button:hover,.user-center-nav button.active{background:var(--chat-bg);color:var(--chat-text)}.user-center-content{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden}.user-center-head{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--chat-border);padding:12px 18px}.user-center-head h2{margin:2px 0 0;font-size:20px;letter-spacing:0}.settings-grid,.settings-stack{min-height:0;overflow-y:auto;padding:18px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px}.settings-card,.privacy-card{display:flex;min-height:108px;align-items:center;gap:14px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);padding:16px}.settings-card.wide{grid-column:1 / -1}.settings-card>.chat-icon,.privacy-card>.chat-icon{width:24px;height:24px;color:var(--chat-muted)}.settings-card span,.section-toolbar div{display:grid;min-width:0;gap:3px}.settings-card strong,.settings-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-empty-action{display:grid;justify-items:start;gap:12px;border:1px solid color-mix(in srgb,var(--chat-border) 76%,transparent);border-radius:18px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--creator-pink) 10%,transparent),transparent 38%),color-mix(in srgb,var(--chat-bg) 78%,transparent);padding:18px}.settings-empty-action>.chat-icon{width:28px;height:28px;color:color-mix(in srgb,var(--creator-pink) 72%,var(--chat-text))}.settings-empty-action strong{font-size:17px}.settings-empty-action p{max-width:520px;color:var(--chat-muted);margin:0;font-size:13px;line-height:1.7}.settings-empty-action div{display:flex;flex-wrap:wrap;gap:8px}.settings-empty-action button{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;justify-content:center;border:1px solid var(--chat-border);border-radius:11px;background:var(--chat-bg);color:var(--chat-text);padding:0 12px;font-size:13px;font-weight:750}.settings-empty-action button:first-child{background:var(--chat-text);color:var(--chat-bg)}.action-card{justify-content:space-between}.action-card button{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:var(--chat-text);color:var(--chat-bg);padding:0 14px;font-size:13px}.settings-stack{display:grid;align-content:start;gap:14px}.wallet-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet-hero>div{display:grid;gap:6px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-panel);padding:18px}.wallet-hero strong{font-size:24px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-toolbar button,.skill-card-actions button,.import-actions button,.url-import button{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:var(--chat-panel);color:var(--chat-text);padding:0 12px;font-size:13px}.section-toolbar button:hover,.skill-card-actions button:hover,.import-actions button:hover,.url-import button:hover{background:var(--chat-hover)}.section-toolbar button:disabled,.skill-card-actions button:disabled,.import-actions button:disabled,.url-import button:disabled{cursor:not-allowed;opacity:.5}.skill-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-card{display:grid;gap:12px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);padding:14px}.skill-card.disabled{opacity:.68}.skill-card-top{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.skill-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--chat-panel);color:var(--chat-text)}.skill-card-top span:last-child{display:grid;min-width:0;gap:2px}.skill-card-top strong,.skill-card-top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card p{display:-webkit-box;min-height:42px;overflow:hidden;color:var(--chat-muted);font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tags span{border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:4px 8px;font-size:11px}.skill-card-actions,.import-actions{display:flex;flex-wrap:wrap;gap:8px}.skill-card-actions button:first-child{background:var(--chat-text);color:var(--chat-bg)}.creator-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.creator-summary span{display:grid;gap:3px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-panel);padding:14px}.creator-summary strong{font-size:22px}.creator-summary small{color:var(--chat-muted);font-size:12px}.import-panel,.url-import,.privacy-card{border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);padding:14px}.import-panel label,.url-import label{display:grid;gap:8px}.import-panel label span,.url-import label span{display:inline-flex;align-items:center;gap:8px;color:var(--chat-muted);font-size:13px}.import-panel textarea,.url-import input{width:100%;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-panel);color:var(--chat-text);outline:none}.import-panel textarea{min-height:210px;resize:vertical;padding:12px;line-height:1.6}.url-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.url-import input{height:40px;padding:0 12px}.privacy-card{align-items:flex-start}.privacy-card div{display:grid;gap:5px}.privacy-card strong,.privacy-card p{margin:0}.privacy-card p{color:var(--chat-muted);font-size:13px;line-height:1.7}.credit-package-list.in-center{margin-top:0}.center-notice{flex:0 0 auto;margin:0 18px 18px;border:1px solid color-mix(in srgb,var(--chat-accent) 32%,var(--chat-border));border-radius:12px;background:color-mix(in srgb,var(--chat-accent) 8%,transparent);color:var(--chat-text);padding:10px 12px;font-size:13px}.skill-market-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;display:grid;place-items:center;background:#0000006b;padding:18px}.task-center-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:86;background:#0000005c}.task-center-panel{position:fixed;top:18px;right:18px;bottom:18px;z-index:90;display:grid;width:min(520px,calc(100vw - 36px));grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--chat-border);border-radius:20px;background:var(--chat-bg);color:var(--chat-text);box-shadow:var(--chat-shadow);transform:translate(calc(100% + 28px));transition:transform .2s ease}.task-center-panel.is-open{transform:translate(0)}.task-center-head{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--chat-border);padding:14px 16px}.task-center-head div{display:grid;gap:3px}.task-center-head small,.task-history-item small,.task-empty,.task-notice{color:var(--chat-muted)}.task-center-head strong{font-size:21px}.task-center-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px solid var(--chat-border);padding:10px 16px}.task-center-search input,.task-run-card input,.task-run-card textarea{width:100%;min-width:0;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-panel);color:var(--chat-text);outline:none}.task-center-search input{height:38px;padding:0 12px}.task-category-tabs{display:flex;gap:8px;border-bottom:1px solid var(--chat-border);overflow-x:auto;padding:10px 16px}.task-category-tabs button{min-height:34px;flex:0 0 auto;cursor:pointer;border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:0 13px;font-size:13px}.task-category-tabs button.active,.task-category-tabs button:hover{background:var(--chat-text);color:var(--chat-bg)}.task-grid{display:grid;min-height:0;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto;padding:14px 16px}.task-card{display:grid;min-height:126px;cursor:pointer;align-content:start;gap:10px;border:1px solid var(--chat-border);border-radius:15px;background:var(--chat-panel);padding:13px;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.task-card:hover{border-color:color-mix(in srgb,var(--chat-accent) 42%,var(--chat-border));background:color-mix(in srgb,var(--chat-accent) 7%,var(--chat-panel));transform:translateY(-1px)}.task-card>.chat-icon{width:22px;height:22px;color:var(--chat-accent)}.task-card span{display:grid;min-width:0;gap:5px}.task-card strong,.task-card small{overflow:hidden;text-overflow:ellipsis}.task-card strong{font-size:14px}.task-card small{display:-webkit-box;color:var(--chat-muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-card b{width:-moz-fit-content;width:fit-content;border-radius:999px;background:color-mix(in srgb,var(--chat-accent) 13%,transparent);color:color-mix(in srgb,var(--chat-accent) 72%,var(--chat-text));padding:4px 8px;font-size:11px}.market-search-band,.task-page-search{display:grid;width:min(1240px,100%);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--chat-bg) 82%,transparent);box-shadow:0 18px 50px #00000014;margin:0 auto 14px;padding:10px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.task-page-search{grid-template-columns:22px minmax(0,1fr)}.market-search-band input,.task-page-search input{min-width:0;height:44px;border:0;background:transparent;color:var(--chat-text);outline:none;font-size:16px}.market-search-band button{min-height:42px;cursor:pointer;border-radius:12px;background:var(--chat-text);color:var(--chat-bg);padding:0 16px;font-weight:750}.market-search-band:focus-within,.task-page-search:focus-within{border-color:color-mix(in srgb,var(--creator-pink) 48%,var(--chat-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--creator-pink) 10%,transparent),0 18px 50px #00000014}.market-signal-strip,.task-blueprint-strip{display:grid;width:min(1240px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 auto 14px}.market-signal-strip span,.task-blueprint-strip span{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 78%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--chat-panel) 76%,transparent),color-mix(in srgb,var(--chat-bg) 80%,transparent));padding:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.market-signal-strip span:after,.task-blueprint-strip span:after{position:absolute;inset:auto 12px 0;height:2px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,var(--creator-pink),var(--creator-cyan));content:"";opacity:.58}.market-signal-strip strong,.task-blueprint-strip strong{display:block;font-size:22px}.market-signal-strip small,.task-blueprint-strip small{color:var(--chat-muted);font-size:12px}.market-bento{display:grid;width:min(1240px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 auto 14px}.bento-card,.market-app-card,.task-workflow-card,.canvas-library-card{position:relative;overflow:hidden;cursor:pointer;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);background:color-mix(in srgb,var(--chat-panel) 60%,transparent);color:var(--chat-text);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.bento-card:hover,.market-app-card:hover,.task-workflow-card:hover,.canvas-library-card:hover{transform:translateY(-2px)}.market-app-card:before,.task-workflow-card:before,.canvas-library-card:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--creator-pink) 9%,transparent),transparent 42%,color-mix(in srgb,var(--creator-cyan) 8%,transparent));content:"";opacity:0;pointer-events:none;transition:opacity .18s ease}.market-app-card:hover:before,.market-app-card.active:before,.task-workflow-card:hover:before,.task-workflow-card.active:before,.canvas-library-card:hover:before{opacity:1}.bento-card{display:grid;min-height:112px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;border-radius:20px;padding:16px}.bento-card .chat-icon,.task-workflow-card>.chat-icon{color:color-mix(in srgb,var(--creator-pink) 70%,var(--chat-text))}.bento-card span,.market-app-body,.task-workflow-card span,.canvas-library-card span{display:grid;min-width:0;gap:5px}.bento-card strong,.task-workflow-card strong,.canvas-library-card strong{font-size:15px}.bento-card small,.task-workflow-card small,.canvas-library-card small{color:var(--chat-muted);font-size:12px;line-height:1.45}.market-page-layout,.task-page-layout{display:grid;width:min(1240px,100%);min-height:0;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:16px;margin:0 auto}.market-page-list,.task-page-list{display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-featured-rail{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px solid color-mix(in srgb,var(--creator-gold) 28%,var(--chat-border));border-radius:24px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--creator-gold) 18%,transparent),transparent 42%),color-mix(in srgb,var(--chat-panel) 60%,transparent);padding:12px}.surface-section-head.compact{margin-bottom:0}.featured-skill-pill{display:grid;min-height:82px;cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:17px;background:color-mix(in srgb,var(--chat-bg) 76%,transparent);color:var(--chat-text);padding:10px;text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.featured-skill-pill:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--creator-gold) 45%,var(--chat-border));background:color-mix(in srgb,var(--creator-gold) 9%,var(--chat-bg))}.featured-skill-pill .chat-icon{color:color-mix(in srgb,var(--creator-gold) 70%,var(--chat-text))}.featured-skill-pill span{display:grid;min-width:0;gap:3px}.featured-skill-pill strong,.featured-skill-pill small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-skill-pill small{color:var(--chat-muted);font-size:12px}.market-app-card{display:grid;min-height:190px;grid-template-columns:54px minmax(0,1fr);gap:14px;border-radius:22px;padding:16px}.market-app-cover,.canvas-card-preview{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--creator-pink) 18%,var(--chat-panel)),color-mix(in srgb,var(--creator-cyan) 12%,var(--chat-panel)));color:var(--chat-text)}.market-app-cover.large{width:64px;height:64px;border-radius:20px}.market-app-title{display:flex;min-width:0;align-items:center;gap:7px}.market-app-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.market-app-title b{flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--creator-gold) 18%,transparent);color:color-mix(in srgb,var(--creator-gold) 70%,var(--chat-text));padding:4px 8px;font-size:11px}.market-app-body small,.market-app-body em{color:var(--chat-muted);font-size:12px}.market-app-body em{display:-webkit-box;min-height:42px;overflow:hidden;font-size:13px;font-style:normal;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.market-app-tags{display:flex;flex-wrap:wrap;gap:6px}.market-app-tags i{border:1px solid color-mix(in srgb,var(--chat-border) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--chat-bg) 72%,transparent);color:var(--chat-muted);padding:4px 8px;font-size:11px;font-style:normal}.market-app-tags.wrap{overflow:visible}.market-page-detail,.task-run-workbench{position:sticky;top:12px;display:grid;max-height:calc(100dvh - 94px);align-content:start;gap:12px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);border-radius:24px;background:color-mix(in srgb,var(--chat-panel) 70%,transparent);padding:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.market-detail-card,.task-run-hero-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start}.market-detail-card h2,.market-detail-card p,.task-run-hero-card h2,.task-run-hero-card p{margin:0}.market-detail-card h2,.task-run-hero-card h2{margin:3px 0 6px;font-size:24px;line-height:1.15}.market-detail-card p,.task-run-hero-card p,.market-detail-section p{color:var(--chat-muted);font-size:13px;line-height:1.7}.market-detail-stats,.task-output-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.task-output-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.task-canvas-promise{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--creator-cyan) 32%,var(--chat-border));border-radius:16px;background:color-mix(in srgb,var(--creator-cyan) 7%,transparent);padding:12px}.task-canvas-promise .chat-icon{color:color-mix(in srgb,var(--creator-cyan) 70%,var(--chat-text))}.task-canvas-promise span{display:grid;min-width:0;gap:4px}.task-canvas-promise small{color:var(--chat-muted);font-size:12px;line-height:1.55}.task-recipe-card{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--creator-gold) 30%,var(--chat-border));border-radius:16px;background:color-mix(in srgb,var(--creator-gold) 7%,transparent);padding:12px}.task-recipe-card>strong{font-size:14px}.task-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-recipe-grid span{min-height:34px;border:1px solid color-mix(in srgb,var(--chat-border) 70%,transparent);border-radius:11px;background:color-mix(in srgb,var(--chat-bg) 68%,transparent);color:var(--chat-muted);padding:8px 10px;font-size:12px;line-height:1.45}.market-detail-stats span,.task-output-preview span,.market-detail-section{display:grid;gap:4px;border:1px solid var(--chat-border);border-radius:16px;background:color-mix(in srgb,var(--chat-bg) 72%,transparent);padding:12px}.market-detail-stats strong,.task-output-preview strong{font-size:18px}.market-detail-stats small,.task-output-preview small,.market-detail-card small,.task-run-hero-card small{color:var(--chat-muted);font-size:12px}.market-step-list{display:grid;gap:7px}.market-step-list b{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--chat-text);color:var(--chat-bg);font-size:11px}.market-step-list span,.skill-example-row{display:flex;min-height:38px;align-items:center;gap:8px;border-radius:11px;background:var(--chat-bg);color:var(--chat-text);padding:8px 10px;text-align:left}.skill-example-row{cursor:pointer}.market-fit-list{display:grid;gap:8px}.market-fit-list span{border:1px solid color-mix(in srgb,var(--chat-border) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--chat-bg) 68%,transparent);color:var(--chat-muted);padding:9px 10px;font-size:12px;line-height:1.55}.skill-review-form.compact{display:grid;gap:8px}.skill-review-form.compact select,.skill-review-form.compact textarea,.task-run-workbench input,.task-run-workbench textarea{width:100%;border:1px solid var(--chat-border);border-radius:13px;background:var(--chat-bg);color:var(--chat-text);outline:none;padding:10px 12px}.task-input-help{color:var(--chat-muted);font-size:12px;font-weight:500;line-height:1.55}.skill-review-form.compact textarea,.task-run-workbench textarea{resize:vertical}.skill-review-form.compact button,.market-detail-actions button{min-height:40px;cursor:pointer;border-radius:12px;background:var(--chat-text);color:var(--chat-bg);padding:0 12px}.market-review-item{display:grid;gap:6px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);padding:10px}.market-review-item span{display:flex;justify-content:space-between;gap:8px}.market-review-item p{margin:0;color:var(--chat-muted);font-size:13px;line-height:1.6}.market-review-item button{width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--chat-muted);font-size:12px}.market-detail-actions{position:sticky;bottom:-14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:color-mix(in srgb,var(--chat-panel) 94%,transparent);padding:12px 0 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.market-detail-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.market-detail-actions button+button{border:1px solid var(--chat-border);background:var(--chat-bg);color:var(--chat-text)}.market-publish-panel{position:fixed;top:72px;right:24px;z-index:72;display:grid;width:min(520px,calc(100vw - 48px));max-height:calc(100dvh - 96px);grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);border-radius:24px;background:color-mix(in srgb,var(--chat-bg) 94%,transparent);box-shadow:0 24px 80px #0000002e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.market-publish-head{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--chat-border);padding:12px 14px}.market-publish-head div{display:grid;gap:3px}.market-publish-head small,.publish-copy{color:var(--chat-muted)}.market-publish-head strong{font-size:18px}.mobile-surface-back{display:none}.publish-steps{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--chat-border);padding:10px 12px;scrollbar-width:none}.publish-steps::-webkit-scrollbar{display:none}.publish-steps button{min-height:32px;flex:1 0 auto;cursor:pointer;border:1px solid var(--chat-border);border-radius:999px;color:var(--chat-muted);padding:0 12px;font-size:12px}.publish-steps button.active{background:var(--chat-text);color:var(--chat-bg)}.publish-step-panel{display:grid;align-content:start;gap:12px;min-height:0;overflow-y:auto;padding:14px}.publish-step-panel.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-format-card,.publish-permission-row,.publish-preview-card,.publish-file-drop{display:grid;gap:10px;border:1px solid var(--chat-border);border-radius:16px;background:color-mix(in srgb,var(--chat-panel) 70%,transparent);padding:12px}.publish-format-card{min-height:126px;cursor:pointer;align-content:start;text-align:left}.publish-format-card.active{border-color:color-mix(in srgb,var(--creator-pink) 48%,var(--chat-border));background:color-mix(in srgb,var(--creator-pink) 8%,transparent)}.publish-format-card .chat-icon{color:color-mix(in srgb,var(--creator-pink) 70%,var(--chat-text))}.publish-step-panel label{display:grid;gap:7px;color:var(--chat-muted);font-size:12px;font-weight:750}.publish-step-panel input[type=text],.publish-step-panel input[type=url],.publish-step-panel textarea,.publish-step-panel>label>input:not([type=checkbox]){width:100%;border:1px solid var(--chat-border);border-radius:13px;background:var(--chat-bg);color:var(--chat-text);outline:none;padding:10px 12px}.publish-file-drop{position:relative;grid-template-columns:34px minmax(0,1fr);align-items:center;cursor:pointer}.publish-file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.publish-permission-row{grid-template-columns:22px minmax(0,1fr);align-items:start}.publish-permission-row input{margin-top:2px}.publish-permission-row span,.publish-format-card span{display:grid;gap:4px}.publish-permission-row small,.publish-format-card small{color:var(--chat-muted);line-height:1.5}.publish-preview-card{grid-template-columns:64px minmax(0,1fr);align-items:start}.publish-preview-card h3,.publish-preview-card p,.publish-copy{margin:0}.publish-preview-card p,.publish-copy{font-size:13px;line-height:1.7}.publish-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--chat-border);background:color-mix(in srgb,var(--chat-bg) 94%,transparent);padding:12px}.publish-actions button{min-height:42px;cursor:pointer;border-radius:12px;border:1px solid var(--chat-border);background:var(--chat-bg);color:var(--chat-text);padding:0 12px;font-weight:750}.publish-actions button:last-child{background:var(--chat-text);color:var(--chat-bg)}.publish-actions button:disabled{cursor:not-allowed;opacity:.45}.task-workflow-card{display:grid;min-height:138px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;border-radius:20px;padding:15px}.task-workflow-card b{border-radius:999px;background:color-mix(in srgb,var(--creator-cyan) 14%,transparent);color:color-mix(in srgb,var(--creator-cyan) 70%,var(--chat-text));padding:4px 8px;font-size:11px}.task-run-workbench label{display:grid;gap:6px;color:var(--chat-muted);font-size:12px;font-weight:700}.task-stage-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.task-stage-strip span{min-height:32px;border:1px solid var(--chat-border);border-radius:999px;color:var(--chat-muted);display:grid;place-items:center;font-size:11px}.task-stage-strip span.active{border-color:color-mix(in srgb,var(--creator-pink) 38%,var(--chat-border));color:var(--chat-text);background:color-mix(in srgb,var(--creator-pink) 8%,transparent)}.surface-history{width:min(1240px,100%);max-height:none;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);border-radius:22px;background:color-mix(in srgb,var(--chat-panel) 55%,transparent);margin:16px auto 0}.canvas-library-grid{display:grid;width:min(1240px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto}.canvas-library-card{display:grid;min-height:210px;align-content:start;gap:12px;border-radius:22px;padding:16px}.canvas-card-preview{width:100%;height:120px;border-radius:18px}.canvas-library-card em{display:-webkit-box;overflow:hidden;color:var(--chat-muted);font-size:13px;font-style:normal;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.task-run-card{display:grid;flex:0 0 auto;gap:12px;border-top:1px solid var(--chat-border);background:var(--chat-bg);padding:14px 16px}.task-run-title{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.task-run-title>.chat-icon{color:var(--chat-accent)}.task-run-title div,.task-run-card label{display:grid;min-width:0;gap:5px}.task-run-card label{color:var(--chat-muted);font-size:12px;font-weight:650}.task-run-card input{height:40px;padding:0 12px}.task-run-card textarea{min-height:90px;resize:vertical;padding:10px 12px}.task-run-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-run-actions button,.task-history-head button,.task-history-item button{display:inline-flex;min-height:40px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:var(--chat-text);color:var(--chat-bg);padding:0 12px;font-size:13px}.task-run-actions button.secondary,.task-history-head button{background:var(--chat-panel);color:var(--chat-text)}.task-run-actions button:disabled{cursor:not-allowed;opacity:.55}.task-notice{margin:0;font-size:12px}.task-notice.soft{border:1px dashed color-mix(in srgb,var(--chat-border) 86%,transparent);border-radius:12px;background:color-mix(in srgb,var(--chat-panel) 76%,transparent);padding:9px 10px}.task-history{display:grid;max-height:220px;overflow-y:auto;border-top:1px solid var(--chat-border);padding:12px 16px 16px}.task-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.task-history-list{display:grid;gap:8px}.task-history-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--chat-border);border-radius:13px;background:var(--chat-panel);padding:9px}.task-progress-ring{display:grid;width:40px;height:40px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--chat-accent) 13%,transparent);color:var(--chat-accent);font-size:11px;font-weight:700}.task-empty{margin:0;font-size:13px}.skill-market-panel{display:grid;width:min(1240px,100%);height:min(860px,calc(100dvh - 28px));grid-template-rows:auto auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--chat-border);border-radius:20px;background:var(--chat-bg);color:var(--chat-text);box-shadow:var(--chat-shadow)}.skill-market-head{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--chat-border);padding:14px 18px}.skill-market-head-actions{display:flex;align-items:center;gap:8px}.skill-market-head-actions>button:not(.icon-button),.skill-market-empty button,.skill-market-section-head button{display:inline-flex;min-height:38px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--chat-text);color:var(--chat-bg);padding:0 12px;font-size:13px;font-weight:650}.skill-market-head small,.skill-market-detail small,.skill-market-empty p{color:var(--chat-muted)}.skill-market-head h2{margin:2px 0 0;font-size:22px;letter-spacing:0}.skill-market-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:18px;border-bottom:1px solid var(--chat-border);background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--chat-accent) 12%,transparent),transparent 32%),var(--chat-bg);padding:18px}.skill-market-hero-copy{display:grid;align-content:center;gap:8px}.skill-market-hero-copy span{width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--chat-accent) 28%,var(--chat-border));border-radius:999px;background:color-mix(in srgb,var(--chat-accent) 8%,transparent);color:var(--chat-muted);padding:5px 9px;font-size:12px}.skill-market-hero-copy strong{max-width:680px;font-size:clamp(24px,3vw,36px);line-height:1.12;letter-spacing:0}.skill-market-hero-copy p{max-width:620px;margin:0;color:var(--chat-muted);font-size:14px;line-height:1.65}.skill-market-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-market-metrics span{display:grid;gap:3px;border:1px solid var(--chat-border);border-radius:14px;background:color-mix(in srgb,var(--chat-panel) 72%,transparent);padding:14px}.skill-market-metrics strong{font-size:24px}.skill-market-metrics small{color:var(--chat-muted);font-size:12px}.skill-market-search{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--chat-border);padding:12px 18px}.skill-market-search input{min-width:0;height:40px;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-panel);color:var(--chat-text);outline:none;padding:0 12px}.skill-market-search button,.skill-detail-actions button,.skill-example{display:inline-flex;min-height:40px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:var(--chat-text);color:var(--chat-bg);padding:0 14px;font-size:13px}.skill-market-search button:disabled,.skill-detail-actions button:disabled{cursor:not-allowed;opacity:.55}.skill-market-tabs{display:flex;gap:8px;border-bottom:1px solid var(--chat-border);overflow-x:auto;padding:10px 18px}.skill-market-tabs button{min-height:34px;flex:0 0 auto;cursor:pointer;border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:0 13px;font-size:13px}.skill-market-tabs button.active,.skill-market-tabs button:hover{background:var(--chat-text);color:var(--chat-bg)}.skill-market-body{display:grid;min-height:0;grid-template-columns:minmax(0,1fr)}.skill-market-body.detail-open{grid-template-columns:minmax(0,1fr) 360px}.skill-market-grid{display:grid;min-height:0;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto;padding:18px}.skill-market-collections,.skill-market-section-head{grid-column:1 / -1}.skill-market-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.skill-market-collections button{display:grid;min-height:86px;cursor:pointer;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-panel);color:var(--chat-text);padding:12px;text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.skill-market-collections button:hover{border-color:color-mix(in srgb,var(--chat-accent) 34%,var(--chat-border));background:color-mix(in srgb,var(--chat-accent) 5%,var(--chat-panel));transform:translateY(-1px)}.skill-market-collections .chat-icon{width:22px;height:22px;color:var(--chat-muted)}.skill-market-collections span,.skill-market-section-head span{display:grid;min-width:0;gap:3px}.skill-market-collections strong,.skill-market-collections small,.skill-market-section-head strong,.skill-market-section-head small{min-width:0;overflow:hidden;text-overflow:ellipsis}.skill-market-collections strong{font-size:13px}.skill-market-collections small,.skill-market-section-head small{color:var(--chat-muted);font-size:12px}.skill-market-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}.skill-market-section-head strong{font-size:16px}.skill-market-section-head button{background:var(--chat-panel);color:var(--chat-text)}.market-skill-card{display:grid;min-height:172px;cursor:pointer;grid-template-columns:44px minmax(0,1fr);gap:12px;border:1px solid var(--chat-border);border-radius:16px;background:var(--chat-bg);padding:14px;text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.market-skill-card:hover,.market-skill-card.active{border-color:color-mix(in srgb,var(--chat-accent) 38%,var(--chat-border));background:color-mix(in srgb,var(--chat-accent) 5%,var(--chat-bg))}.market-skill-card:hover{transform:translateY(-1px)}.market-skill-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:var(--chat-panel);color:var(--chat-text)}.market-skill-icon.large{width:56px;height:56px;border-radius:16px}.market-skill-main,.market-skill-title{display:grid;min-width:0;gap:4px}.market-skill-title{display:flex;align-items:center;gap:6px}.market-skill-title strong,.market-skill-main small,.market-skill-main em{overflow:hidden;text-overflow:ellipsis}.market-skill-title strong{white-space:nowrap;font-size:15px}.market-skill-title b{flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--chat-accent) 14%,var(--chat-panel));color:var(--chat-text);padding:4px 7px;font-size:11px;font-weight:650}.market-skill-main small{color:var(--chat-muted);white-space:nowrap;font-size:12px}.market-skill-main em{display:-webkit-box;min-height:42px;color:var(--chat-muted);font-size:13px;font-style:normal;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.market-skill-tags,.skill-market-chips{display:flex;flex-wrap:wrap;gap:6px}.market-skill-tags i,.skill-market-chips span{border-radius:999px;background:var(--chat-panel);color:var(--chat-muted);padding:4px 8px;font-size:11px;font-style:normal}.skill-market-detail{display:flex;min-width:0;min-height:0;flex-direction:column;gap:16px;border-left:1px solid var(--chat-border);background:var(--chat-panel);overflow-y:auto;padding:18px}.skill-detail-status{display:flex;flex-wrap:wrap;gap:7px}.skill-detail-status span{border:1px solid color-mix(in srgb,var(--chat-accent) 24%,var(--chat-border));border-radius:999px;background:color-mix(in srgb,var(--chat-accent) 7%,var(--chat-bg));color:var(--chat-text);padding:5px 9px;font-size:12px}.skill-market-mobile-back{display:none}.skill-detail-hero{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}.skill-detail-hero h3,.skill-detail-hero p{margin:0}.skill-detail-hero h3{margin:2px 0 6px;font-size:21px;letter-spacing:0}.skill-detail-hero p{color:var(--chat-muted);font-size:13px;line-height:1.7}.skill-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-detail-stats span,.skill-detail-section{border:1px solid var(--chat-border);border-radius:14px;background:var(--chat-bg);padding:12px}.skill-detail-stats strong,.skill-detail-stats small{display:block}.skill-detail-stats strong{font-size:18px}.skill-detail-section{display:grid;gap:10px}.skill-example{width:100%;justify-content:flex-start;background:var(--chat-bg);color:var(--chat-text);text-align:left}.skill-example:hover{background:var(--chat-hover)}.skill-review-preview p{margin:0;color:var(--chat-muted);font-size:13px;line-height:1.65}.skill-review-form{display:grid;gap:8px}.skill-review-form select,.skill-review-form textarea{width:100%;border:1px solid var(--chat-border);border-radius:10px;background:var(--chat-bg);color:var(--chat-text);outline:none;padding:9px 10px;font-size:13px}.skill-review-form textarea{min-height:76px;resize:vertical}.skill-review-form button,.skill-report-button,.skill-review-list button{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;justify-content:center;border-radius:10px;background:var(--chat-bg);color:var(--chat-text);padding:0 12px;font-size:13px}.skill-review-list{display:grid;gap:8px}.skill-review-list article{display:grid;gap:6px;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-bg);padding:10px}.skill-review-list article span{display:flex;justify-content:space-between;gap:10px}.skill-review-list small{color:var(--chat-muted)}.skill-review-list button,.skill-report-button{width:-moz-fit-content;width:fit-content;color:var(--chat-muted)}.skill-detail-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--chat-border);background:var(--chat-panel);padding-top:12px}.skill-detail-actions button+button{background:var(--chat-bg);color:var(--chat-text)}.skill-market-empty{display:grid;min-height:240px;place-items:center;align-content:center;gap:8px;grid-column:1 / -1;border:1px dashed var(--chat-border);border-radius:16px;color:var(--chat-muted);padding:18px;text-align:center}.skill-market-empty strong{color:var(--chat-text)}.skill-market-empty button{margin-top:4px}.skill-market-empty.detail{min-height:100%}.skill-market-notice{margin:0 18px 18px;border:1px solid color-mix(in srgb,var(--chat-accent) 32%,var(--chat-border));border-radius:12px;background:color-mix(in srgb,var(--chat-accent) 8%,transparent);padding:10px 12px;font-size:13px}@keyframes chat-shimmer{to{background-position:-220% 0}}@keyframes chat-spin{to{transform:rotate(360deg)}}@media (min-width: 1024px){.lg\:hidden{display:none!important}.chat-sidebar{position:relative;transform:none;flex:0 0 292px}.chat-app:has(.artifact-panel.is-open) .message-row{grid-template-columns:34px minmax(0,700px)}}@media (max-width: 720px){body{position:fixed;width:100%;overflow-x:hidden}.chat-app{height:100dvh;min-height:100dvh;overflow-x:hidden}.chat-login{min-height:100dvh;overflow:hidden;padding:16px}.chat-login-card{width:100%;max-width:calc(100vw - 32px);padding:22px}.login-brand{align-items:flex-start}.chat-login-card h1{font-size:25px}.chat-login-card p{display:-webkit-box;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chat-topbar{height:52px;grid-template-columns:44px minmax(0,1fr) auto;gap:6px;padding-right:10px;padding-left:10px}.surface-page{padding:12px}.surface-page:before{inset:52px 0 auto 0}.surface-hero{align-items:stretch;flex-direction:column;border-radius:18px;margin-bottom:12px;padding:14px}.surface-hero h1{font-size:25px;line-height:1.08}.surface-hero p{font-size:13px;line-height:1.6}.surface-hero-actions{justify-content:stretch}.surface-hero-actions button{flex:1 1 140px}.surface-tabs{width:100%;margin-bottom:10px;padding-bottom:6px}.surface-tabs button{min-height:36px;padding:0 12px;font-size:12px}.market-search-band,.task-page-search{grid-template-columns:20px minmax(0,1fr);border-radius:15px;padding:8px 10px}.market-search-band button{grid-column:1 / -1;min-height:40px}.market-signal-strip,.task-blueprint-strip{display:flex;width:100%;gap:8px;overflow-x:auto;margin-bottom:10px;padding-bottom:4px;scrollbar-width:none}.market-signal-strip::-webkit-scrollbar,.task-blueprint-strip::-webkit-scrollbar{display:none}.market-signal-strip span,.task-blueprint-strip span{flex:0 0 118px;border-radius:15px;padding:11px 12px}.market-signal-strip strong,.task-blueprint-strip strong{font-size:18px}.market-bento{display:flex;overflow-x:auto;width:100%;margin-bottom:10px;padding-bottom:6px;scrollbar-width:none}.market-bento::-webkit-scrollbar{display:none}.bento-card{min-width:214px;min-height:92px;border-radius:17px;padding:13px}.market-featured-rail{display:flex;grid-column:auto;gap:8px;overflow-x:auto;border-radius:18px;padding:10px;scrollbar-width:none}.market-featured-rail::-webkit-scrollbar{display:none}.market-featured-rail .surface-section-head{flex:0 0 190px;align-self:stretch;align-items:center}.featured-skill-pill{flex:0 0 206px;min-height:74px}.surface-section-head{align-items:flex-start}.surface-section-head strong{font-size:16px}.surface-section-head small{display:-webkit-box;overflow:hidden;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.market-page-layout,.task-page-layout{width:100%;grid-template-columns:1fr;gap:10px}.market-page-list,.task-page-list,.canvas-library-grid{grid-template-columns:1fr}.market-page-detail,.task-run-workbench{position:static;max-height:none;border-radius:18px;padding:12px}.market-app-card{min-height:132px;grid-template-columns:44px minmax(0,1fr);gap:11px;border-radius:17px;padding:12px}.market-app-cover{width:44px;height:44px;border-radius:14px}.market-app-title strong{font-size:15px}.market-app-body em{min-height:auto;-webkit-line-clamp:2}.market-app-tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.market-app-tags::-webkit-scrollbar{display:none}.market-app-tags i{flex:0 0 auto}.market-detail-card,.task-run-hero-card{grid-template-columns:52px minmax(0,1fr);gap:11px}.market-app-cover.large{width:52px;height:52px;border-radius:16px}.market-detail-card h2,.task-run-hero-card h2{font-size:20px}.market-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.task-output-preview,.task-recipe-grid{grid-template-columns:1fr}.market-detail-section,.task-output-preview span,.market-detail-stats span{border-radius:14px;padding:10px}.market-detail-actions{position:sticky;bottom:0;z-index:3;margin:0 -12px -12px;background:color-mix(in srgb,var(--chat-panel) 98%,transparent);padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -18px 32px #00000014}.market-detail-actions button{min-height:46px}.market-publish-panel{top:auto;right:0;bottom:0;left:0;width:auto;max-height:92dvh;border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0}.publish-step-panel.format-grid{grid-template-columns:1fr}.publish-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.task-workflow-card{min-height:96px;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;border-radius:17px;padding:12px}.task-workflow-card small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-workflow-card b{padding:3px 7px}.task-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.task-run-actions{position:sticky;bottom:0;z-index:3;margin:0 -12px -12px;background:color-mix(in srgb,var(--chat-panel) 98%,transparent);padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -18px 32px #00000014}.task-run-actions button{min-height:46px}.mobile-surface-back{display:inline-flex;min-height:42px;cursor:pointer;align-items:center;justify-content:center;border:1px solid var(--chat-border);border-radius:13px;background:var(--chat-bg);color:var(--chat-text);margin-bottom:8px;padding:0 12px;font-size:13px;font-weight:750}.skill-market-page.mobile-detail-active>.surface-hero,.skill-market-page.mobile-detail-active>.market-search-band,.skill-market-page.mobile-detail-active>.market-signal-strip,.skill-market-page.mobile-detail-active>.market-bento,.skill-market-page.mobile-detail-active>.surface-tabs,.skill-market-page.mobile-detail-active .market-page-list,.task-center-page.mobile-task-active>.surface-hero,.task-center-page.mobile-task-active>.task-page-search,.task-center-page.mobile-task-active>.task-blueprint-strip,.task-center-page.mobile-task-active>.surface-tabs,.task-center-page.mobile-task-active .task-page-list,.task-center-page.mobile-task-active .task-history{display:none}.skill-market-page.mobile-detail-active,.task-center-page.mobile-task-active{padding:10px}.skill-market-page.mobile-detail-active .market-page-layout,.task-center-page.mobile-task-active .task-page-layout{display:block}.skill-market-page.mobile-detail-active .market-page-detail,.task-center-page.mobile-task-active .task-run-workbench{min-height:calc(100dvh - 72px);border-radius:20px}.topbar-left{justify-content:flex-start}.topbar-center{min-width:0;justify-content:center}.topbar-actions{gap:2px}.account-chip span:not(.avatar){display:none}.model-picker{min-width:0}.model-trigger{max-width:min(100%,58vw);min-height:36px;font-size:15px}.project-trigger{display:none}.model-menu{position:fixed;top:calc(54px + env(safe-area-inset-top));right:10px;left:10px;width:auto;max-height:min(70dvh,420px);overflow-y:auto}.more-menu-backdrop{background:#00000047}.more-menu-panel{position:fixed;top:auto;right:0;bottom:0;left:0;width:auto;max-height:min(78dvh,620px);overflow-y:auto;border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.more-menu-panel>button:not(.icon-button){min-height:56px}.chat-sidebar{width:min(86vw,320px);max-width:none}.sidebar-head{padding-top:calc(10px + env(safe-area-inset-top))}.message-pane{padding-top:12px;padding-bottom:8px}.message-row{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:16px 12px}.message-avatar{width:26px;height:26px;font-size:11px}.prompt-grid,.image-grid{grid-template-columns:1fr}.chat-empty-state{min-height:calc(100dvh - 206px);width:min(100% - 24px,620px)}.chat-empty-state h1{margin-top:16px;font-size:27px}.prompt-grid{margin-top:20px}.prompt-grid button{min-height:48px;border-radius:12px}.empty-starter-steps{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.empty-starter-steps::-webkit-scrollbar{display:none}.empty-starter-steps span{flex:0 0 auto}.empty-scenario-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.empty-scenario-row button{min-height:46px;justify-content:flex-start;border-radius:13px;padding:0 12px;font-size:12px}.empty-action-row{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.empty-action-row::-webkit-scrollbar{display:none}.empty-action-row button{flex:0 0 auto}.composer-wrap{padding:8px 8px calc(10px + env(safe-area-inset-bottom))}.composer{grid-template-columns:42px 42px minmax(0,1fr) 42px;border-radius:16px;padding:7px}.composer-suggestion-row{grid-template-columns:18px minmax(0,1fr);gap:8px 7px;padding:9px}.composer-suggestion-row button{grid-column:2;width:-moz-fit-content;width:fit-content;min-height:34px}.attachment-strip{margin-right:-2px;margin-left:-2px;padding:3px 2px 6px}.attachment-chip{grid-template-columns:36px minmax(112px,1fr) 32px;width:min(286px,84vw);min-height:48px}.attachment-chip button,.attach-button,.send-button{min-width:42px;min-height:42px}.composer-tools-menu{position:fixed;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));left:8px;width:auto;max-height:min(62dvh,440px);overflow-y:auto;border-radius:16px}.skill-select{max-width:100%}.composer-menu-grid{grid-template-columns:1fr}.composer textarea{min-height:40px;padding:7px 5px;font-size:16px}.send-button{width:40px;height:40px;border-radius:11px}.composer-hint{display:none}.message-actions{opacity:1}.image-actions{flex-wrap:wrap}.project-panel,.template-panel{position:fixed;top:calc(58px + env(safe-area-inset-top));right:10px;left:10px;width:auto;max-height:min(68dvh,560px)}.artifact-panel{position:fixed;inset:calc(54px + env(safe-area-inset-top)) 0 0 0;z-index:38;width:auto;min-width:0;max-width:none;border-left:0;border-top:1px solid var(--chat-border)}.artifact-panel.is-editor{width:auto;min-width:0;max-width:none}.artifact-panel.is-fullscreen{top:0;right:0;bottom:0;left:0}.artifact-panel.is-editor{overscroll-behavior:contain}.artifact-head{grid-template-columns:minmax(0,1fr) repeat(3,auto);min-height:calc(54px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top))}.artifact-toolbar{gap:6px;overflow-x:auto;padding:7px 8px;scrollbar-width:none}.artifact-toolbar::-webkit-scrollbar{display:none}.artifact-toolbar span{min-width:120px}.artifact-toolbar .artifact-mode-button{display:none}.creator-preview-grid,.creator-image-board{grid-template-columns:1fr}.creator-canvas{position:relative;gap:10px;overflow:hidden;padding:8px 8px calc(72px + env(safe-area-inset-bottom))}.creator-mobile-modebar{position:fixed;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));left:10px;z-index:45;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border:1px solid color-mix(in srgb,var(--chat-border) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--chat-bg) 92%,transparent);box-shadow:0 -18px 48px #0000002e;padding:7px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.creator-mobile-modebar button{display:grid;min-width:0;min-height:48px;cursor:pointer;place-items:center;gap:3px;border-radius:13px;color:var(--chat-muted);font-size:11px;font-weight:760}.artifact-list.is-drawer{right:10px;bottom:calc(76px + env(safe-area-inset-bottom));left:10px;width:auto;max-height:min(42dvh,360px)}.creator-mobile-modebar button.active{background:var(--chat-text);color:var(--chat-bg)}.creator-mobile-modebar .chat-icon{width:17px;height:17px}.creator-workspace{min-height:calc(100dvh - 190px);border-radius:20px;overscroll-behavior:contain}.creator-workspace-world{width:1500px;height:1800px}.creator-workspace-controls{top:auto;right:10px;bottom:10px;max-width:calc(100% - 20px);overflow-x:auto;border-radius:999px}.workflow-floating-toolbar{top:10px;left:10px;max-width:calc(100% - 64px);border-radius:14px}.creator-workspace-controls button,.creator-workspace-controls b,.workflow-floating-toolbar button{flex:0 0 auto}.creator-minimap,.creator-workspace-hint{display:none}.workflow-run-log{right:10px;bottom:10px;left:10px;width:auto;max-height:128px;border-radius:16px}.creator-node{border-radius:18px;padding:13px}.workflow-node{width:260px!important}.workflow-node-meta span{white-space:normal}.node-one_page_flow h3{font-size:24px}.publish-preview{border-radius:20px}.publish-preview header{border-radius:16px;padding:14px}.publish-cover{min-height:200px;border-radius:16px}.canvas-image-guidance{align-items:flex-start;flex-direction:column}.creator-copy-editor,.creator-image-board,.creator-annotation-workbench,.creator-export-panel{overflow:auto;max-height:calc(100dvh - 178px);padding-bottom:12px}.creator-export-panel{grid-template-columns:1fr}.creator-export-actions{position:static}.final-poster-frame{min-height:640px;border-radius:22px}.final-poster-overlay{padding:22px}.final-poster-overlay strong{font-size:32px}.creator-phone-cover,.annotation-stage{min-height:240px}.user-center-backdrop{padding:0;place-items:stretch}.user-center-panel{width:100%;height:100dvh;max-height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;border:0;border-radius:0}.user-center-nav{order:2;display:flex;min-height:auto;flex-direction:row;gap:6px;border-right:0;border-top:1px solid var(--chat-border);border-bottom:0;background:color-mix(in srgb,var(--chat-panel) 96%,transparent);overflow-x:auto;overflow-y:hidden;padding:8px 10px calc(8px + env(safe-area-inset-bottom));scrollbar-width:none}.user-center-nav::-webkit-scrollbar{display:none}.user-center-profile{display:none;flex:0 0 132px;border-bottom:0;border-right:1px solid var(--chat-border);margin:0 4px 0 0;padding:0 10px 0 0}.user-center-profile .avatar{display:none}.user-center-nav button{flex:0 0 auto;min-width:auto;min-height:44px;border-radius:999px;padding:0 12px;white-space:nowrap}.user-center-nav button .chat-icon{width:18px;height:18px}.user-center-head{min-height:56px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.user-center-head h2{font-size:18px;line-height:1.25}.user-center-head small{display:none}.user-center-content{order:1;min-height:0}.skill-market-backdrop{padding:0;place-items:stretch}.task-center-backdrop{z-index:86}.task-center-panel{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;border:0;border-radius:0;grid-template-rows:auto auto auto minmax(0,1fr) auto}.task-center-head{min-height:58px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.task-center-head small{display:none}.task-center-head strong{font-size:18px}.task-center-search,.task-category-tabs{padding-right:12px;padding-left:12px}.task-category-tabs{scrollbar-width:none}.task-category-tabs::-webkit-scrollbar{display:none}.task-grid{grid-template-columns:1fr;gap:10px;padding:12px 12px calc(14px + env(safe-area-inset-bottom))}.task-card{min-height:96px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.task-card>.chat-icon{width:20px;height:20px}.task-run-card{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.task-run-actions button,.task-history-head button,.task-history-item button{min-height:44px}.task-history{max-height:34dvh;padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.task-history-item{grid-template-columns:42px minmax(0,1fr)}.task-history-item button{grid-column:1 / -1}.skill-market-panel{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;border:0;border-radius:0;overflow-x:hidden}.skill-market-head{min-height:58px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.skill-market-head-actions>button:not(.icon-button){width:44px;min-width:44px;padding:0;font-size:0}.skill-market-head-actions>button:not(.icon-button) .chat-icon{width:19px;height:19px}.skill-market-head small{display:none}.skill-market-head h2{font-size:17px;line-height:1.25}.skill-market-hero{grid-template-columns:1fr;gap:10px;padding:12px}.skill-market-hero-copy span,.skill-market-hero-copy p{display:none}.skill-market-hero-copy strong{font-size:20px;line-height:1.2}.skill-market-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.skill-market-metrics span{border-radius:11px;padding:8px 6px;text-align:center}.skill-market-metrics strong{font-size:15px}.skill-market-metrics small{font-size:10px}.skill-market-search{grid-template-columns:20px minmax(0,1fr) auto;gap:8px;padding:9px 12px}.skill-market-search button{min-width:64px;min-height:40px;padding:0 12px}.skill-market-search input{height:40px;border-radius:11px}.skill-market-tabs{padding:9px 12px;scrollbar-width:none}.skill-market-tabs::-webkit-scrollbar{display:none}.skill-market-tabs button{min-height:38px}.skill-market-body{grid-template-columns:1fr;max-width:100vw;overflow:hidden}.skill-market-body.detail-open{grid-template-columns:1fr}.skill-market-grid{width:100%;max-width:100vw;grid-template-columns:1fr;gap:10px;overflow-y:auto;overflow-x:hidden;padding:12px 12px calc(18px + env(safe-area-inset-bottom))}.skill-market-collections{grid-template-columns:1fr 1fr;gap:8px}.skill-market-collections button{min-height:70px;grid-template-columns:28px minmax(0,1fr);gap:8px;border-radius:12px;padding:9px}.skill-market-collections .chat-icon{width:19px;height:19px}.skill-market-section-head{align-items:flex-start}.skill-market-section-head button,.skill-market-grid.has-mobile-detail{display:none}.market-skill-card{width:100%;min-width:0;min-height:124px;border-radius:14px;grid-template-columns:40px minmax(0,1fr);padding:12px}.market-skill-icon{width:40px;height:40px;border-radius:12px}.market-skill-title{display:flex;flex-wrap:wrap}.market-skill-title b{width:-moz-fit-content;width:fit-content}.market-skill-main em{min-height:38px;line-height:1.45}.market-skill-tags,.skill-market-chips{overflow:hidden}.skill-market-detail{width:100%;min-width:0;max-width:100vw;max-height:100%;border-left:0;border-top:0;border-radius:0;box-shadow:none;overflow-y:auto;overflow-x:hidden;padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.skill-market-mobile-back{display:inline-flex;min-height:44px;cursor:pointer;align-items:center;gap:8px;color:var(--chat-muted);padding:0 2px;text-align:left}.skill-market-mobile-back .chat-icon{transform:rotate(90deg)}.skill-detail-hero{grid-template-columns:42px minmax(0,1fr);width:100%;min-width:0}.market-skill-icon.large{width:42px;height:42px;border-radius:13px}.skill-detail-hero h3{font-size:17px}.skill-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}.skill-detail-stats span,.skill-detail-section{min-width:0}.skill-detail-section{width:100%;padding:10px}.skill-detail-actions{position:sticky;bottom:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100% + 24px);margin-right:-12px;margin-left:-12px;background:color-mix(in srgb,var(--chat-panel) 96%,transparent);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.skill-detail-actions button{min-width:0;min-height:44px}.settings-grid,.settings-stack{padding:12px 12px calc(18px + env(safe-area-inset-bottom))}.settings-grid,.wallet-hero,.skill-card-grid,.url-import{grid-template-columns:1fr}.creator-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.section-toolbar{align-items:flex-start;flex-direction:column}.settings-card,.privacy-card{min-height:88px;border-radius:12px;padding:13px}.settings-card strong,.settings-card small{white-space:normal}.action-card{align-items:stretch;flex-direction:column}.action-card button,.section-toolbar button,.skill-card-actions button,.import-actions button,.url-import button{min-height:44px}.wallet-hero>div{padding:14px}.wallet-hero strong{font-size:21px}.skill-card{border-radius:12px;padding:12px}.skill-card-actions{display:grid;grid-template-columns:1fr 1fr}.import-panel textarea{min-height:160px}.url-import{align-items:stretch}.center-notice,.skill-market-notice{margin:0 12px calc(12px + env(safe-area-inset-bottom))}}