:root{color-scheme:light;--canvas: #f3f1eb;--surface: #ffffff;--surface-soft: #f8f8f5;--surface-strong: #ecefe9;--ink: #172a2d;--ink-soft: #465b5d;--muted: #758281;--line: #dce1dc;--line-strong: #c9d1ca;--teal: #0f766e;--teal-dark: #0b5e58;--teal-soft: #e0f2ef;--amber: #c56a12;--amber-soft: #fbeee0;--red: #b8473f;--red-soft: #fae8e6;--sidebar: #143032;--sidebar-soft: #1d3f42;--shadow: 0 12px 30px rgba(23, 42, 45, .07);font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--canvas);color:var(--ink);overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(15,118,110,.45);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.52}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c4cbc5;border:3px solid transparent;border-radius:8px;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);width:100%;height:100%}.sidebar{display:flex;flex-direction:column;min-width:0;padding:24px 16px 18px;color:#eff7f5;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;color:#082f2c;background:#80d2c8;border-radius:8px}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:15px;letter-spacing:0}.brand-copy span{display:block;margin-top:4px;color:#8eb1ae;font-size:9px;font-weight:700;letter-spacing:1.2px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;min-height:44px;padding:0 12px;color:#bcd0ce;text-align:left;background:transparent;border:0;border-radius:7px;cursor:pointer;transition:background .16s ease,color .16s ease}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.is-active{color:#fff;background:var(--sidebar-soft);box-shadow:inset 3px 0 #77d4c8}.nav-item span{font-size:14px;font-weight:600}.nav-count{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;color:#0b3834;font-size:11px!important;background:#83d4c9;border-radius:10px}.sidebar-spacer{flex:1}.provider-state{padding:13px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px}.provider-state-head{display:flex;align-items:center;gap:7px;color:#9cb9b6;font-size:11px}.provider-state strong{display:block;margin-top:8px;overflow:hidden;color:#f3fbf9;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:8px;padding:11px 12px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);border-radius:8px}.sidebar-user>div:first-child{min-width:0}.sidebar-user>div:first-child strong,.sidebar-user>div:first-child span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user>div:first-child strong{color:#fff;font-size:12px}.sidebar-user>div:first-child span{margin-top:3px;color:#8fb0ad;font-size:9px}.sidebar-quota{display:inline-flex;align-items:center;gap:4px;color:#f0b875}.sidebar-quota strong{font-size:12px}.sidebar-user>button{display:grid;place-items:center;width:29px;height:29px;padding:0;color:#a8c2bf;background:transparent;border:0;border-radius:6px;cursor:pointer}.sidebar-user>button:hover{color:#fff;background:#ffffff14}.main-area{min-width:0;height:100%;overflow:auto}.auth-screen{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);width:100%;height:100%;min-height:100%;background:var(--canvas)}.auth-brand{display:flex;align-items:flex-start;gap:14px;padding:58px 52px;color:#edf7f5;background:var(--sidebar)}.auth-brand-mark{display:grid;place-items:center;width:52px;height:52px;color:#0c3835;background:#83d4c9;border-radius:9px}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:18px}.auth-brand span{margin-top:6px;color:#8fb0ad;font-size:9px;font-weight:800;letter-spacing:1.4px}.auth-panel{display:flex;justify-content:center;flex-direction:column;width:min(100%,560px);margin:0 auto;padding:48px}.auth-heading h1{margin:7px 0 0;font-size:28px}.auth-heading p{margin:9px 0 0;color:var(--muted);font-size:12px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:25px 0 18px;padding:4px;background:#e7eae5;border-radius:8px}.auth-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;color:var(--ink-soft);font-size:12px;font-weight:700;background:transparent;border:0;border-radius:6px;cursor:pointer}.auth-tabs button.is-active{color:var(--teal);background:#fff;box-shadow:0 2px 8px #172a2d14}.auth-panel form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field>span{color:var(--ink-soft);font-size:11px;font-weight:800}.auth-field>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;height:44px;padding:0 12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:7px}.auth-field input{width:100%;height:100%;min-width:0;color:var(--ink);background:transparent;border:0;outline:0}.auth-submit{min-height:46px;margin-top:4px}.accounts-page{display:flex;flex-direction:column;gap:17px}.accounts-page .page-header{margin-bottom:0}.account-section{padding:20px}.account-stats strong{font-size:20px}.account-list{display:flex;flex-direction:column;gap:9px}.account-row{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(260px,auto) auto;align-items:center;gap:13px;padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.account-avatar{display:grid;place-items:center;width:38px;height:38px;color:var(--teal);background:var(--teal-soft);border-radius:7px}.account-identity{min-width:0}.account-identity>div{display:flex;align-items:center;gap:7px;min-width:0}.account-identity strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-identity small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.account-role,.account-status{flex:0 0 auto;padding:3px 6px;font-size:9px;font-weight:800;border-radius:4px}.account-role.admin{color:var(--teal);background:var(--teal-soft)}.account-role.user{color:#667370;background:#e9ece8}.account-status.active{color:#477e2b;background:#e8f3df}.account-status.disabled{color:var(--red);background:var(--red-soft)}.account-quota{display:grid;grid-template-columns:auto minmax(76px,100px) auto;align-items:center;gap:7px;color:var(--amber)}.account-quota input{width:100%;height:34px;padding:0 9px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px}.secondary-button.compact{min-height:34px;padding:0 10px}.account-actions{display:flex;gap:5px}.account-loading,.account-empty{display:grid;place-items:center;min-height:120px;color:var(--muted);font-size:12px}.quota-log{display:flex;flex-direction:column;border-top:1px solid var(--line)}.quota-log-row{display:grid;grid-template-columns:82px minmax(90px,.7fr) 70px 85px minmax(150px,1fr) 110px;align-items:center;gap:10px;min-height:44px;color:var(--ink-soft);font-size:10px;border-bottom:1px solid var(--line)}.quota-log-row strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.quota-log-row time{color:var(--muted);text-align:right}.quota-type{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:23px;padding:0 7px;font-size:9px;font-weight:800;border-radius:4px}.quota-type.allocate,.quota-type.refund{color:var(--teal);background:var(--teal-soft)}.quota-type.consume{color:var(--amber);background:var(--amber-soft)}.quota-type.adjust{color:var(--red);background:var(--red-soft)}.amount-positive{color:var(--teal);font-weight:800}.amount-negative{color:var(--red);font-weight:800}.page{width:min(100%,1520px);min-height:100%;margin:0 auto;padding:30px 34px 50px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header h1{margin:5px 0 0;font-size:28px;line-height:1.2;letter-spacing:0}.eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.35px}.provider-pill,.connection-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;color:var(--ink-soft);font-size:12px;font-weight:700;background:var(--surface);border:1px solid var(--line);border-radius:7px}.connection-badge.is-connected{color:var(--teal);background:var(--teal-soft);border-color:#b9dfd9}.status-dot{width:8px;height:8px;background:#a7b0ad;border-radius:50%}.status-dot.is-online{background:#28a88b;box-shadow:0 0 0 3px #28a88b21}.surface{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.create-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);align-items:start;gap:20px}.work-column{display:flex;flex-direction:column;gap:20px;min-width:0}.settings-column{position:sticky;top:28px;min-width:0}.surface-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.surface-heading.compact{padding-bottom:16px}.surface-heading h2{margin:0;font-size:15px;line-height:1.3}.surface-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.heading-icon{display:grid;place-items:center;width:36px;height:36px;color:var(--teal);background:var(--teal-soft);border-radius:7px}.prompt-input{display:block;width:calc(100% - 40px);min-height:190px;margin:20px;padding:16px;color:var(--ink);font-size:14px;line-height:1.75;resize:vertical;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.prompt-input-wrap{position:relative}.prompt-input-wrap .prompt-input{margin-bottom:10px}.mention-menu{margin:0 20px 16px;overflow:hidden;background:#fff;border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 14px 32px #172a2d21}.mention-menu-head,.mention-menu-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 11px;color:var(--ink-soft);font-size:10px;background:#f7f8f5}.mention-menu-head{border-bottom:1px solid var(--line)}.mention-menu-head span{font-weight:800}.mention-menu-head small,.mention-menu-foot{color:var(--muted)}.mention-menu-foot{justify-content:flex-start;border-top:1px solid var(--line)}.mention-options{max-height:255px;overflow:auto}.mention-options button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 10px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ec;cursor:pointer}.mention-options button:last-child{border-bottom:0}.mention-options button:hover,.mention-options button.is-active{background:#eef8f6}.mention-options button img{width:38px;height:38px;object-fit:cover;background:#e7ebe7;border-radius:6px}.mention-options button>span{min-width:0}.mention-options button strong,.mention-options button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-options button strong{color:var(--teal);font-size:12px}.mention-options button small{margin-top:3px;color:var(--muted);font-size:10px}.mention-options button em{padding:3px 6px;color:var(--muted);font-size:9px;font-style:normal;font-weight:800;background:#eef0ec;border-radius:4px}.mention-empty{display:grid;place-items:center;min-height:82px;color:var(--muted);font-size:11px}.prompt-input::placeholder,.url-input::placeholder,.form-field input::placeholder{color:#9ba5a2}.prompt-footer{display:flex;justify-content:space-between;gap:20px;padding:0 20px 18px;color:var(--muted);font-size:11px}.reference-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:16px;padding:18px 20px 14px}.reference-inputs{display:flex;min-width:0;flex-direction:column;gap:10px}.url-input{width:100%;min-height:176px;padding:13px;color:var(--ink-soft);font-family:Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.65;resize:vertical;background:#fbfcf9;border:1px solid var(--line);border-radius:7px}.local-upload-box{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;color:var(--teal);background:#f1faf8;border:1px dashed #8ec9c1;border-radius:7px;cursor:pointer}.local-upload-box:hover{background:#e8f7f4;border-color:#62afa5}.local-upload-box.is-unconfigured{color:var(--amber);background:#fdf7ee;border-color:#e4c69f}.local-upload-box>span{min-width:0}.local-upload-box strong,.local-upload-box small{display:block}.local-upload-box strong{font-size:12px}.local-upload-box small{margin-top:3px;color:var(--muted);font-size:10px}.url-input.has-error{border-color:#d59d99;box-shadow:0 0 0 3px #b8473f12}.reference-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));align-content:start;gap:9px;min-height:176px}.reference-empty{display:flex;grid-column:1 / -1;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:176px;color:#8a9794;font-size:12px;background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:7px}.reference-thumb{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;background:#e8ece7;border:1px solid var(--line);border-radius:6px}.reference-thumb img{display:block;width:100%;height:100%;object-fit:cover}.reference-thumb button{position:absolute;right:5px;bottom:5px;min-height:23px;padding:0 7px;color:#fff;font-size:10px;font-weight:700;background:#0e2f30db;border:0;border-radius:5px;cursor:pointer}.reference-thumb.local{border-color:#9ccdc7}.reference-thumb .remove-local{top:5px;right:5px;bottom:auto;display:grid;place-items:center;width:23px;min-width:23px;height:23px;padding:0;color:#fff;background:#122729c7}.local-upload-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#1430329e}.local-upload-mask.is-error{color:#ffd8d4;background:#7d2b25b8}.inline-note{display:flex;align-items:flex-start;gap:8px;margin:0 20px 18px;padding:10px 12px;color:var(--ink-soft);font-size:11px;line-height:1.5;background:#f7f6f1;border-left:3px solid #d9a15e;border-radius:3px 6px 6px 3px}.inline-note svg{flex:0 0 auto;margin-top:1px;color:var(--amber)}.counter{min-width:48px;color:var(--teal);font-size:11px;font-weight:800;text-align:right}.counter.is-danger{color:var(--red)}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.icon-button:hover:not(:disabled){color:var(--ink);background:var(--surface-soft);border-color:var(--line)}.icon-button.light{background:#f7f8f5;border-color:var(--line)}.icon-button.danger:hover:not(:disabled){color:var(--red);background:var(--red-soft);border-color:#edcbc7}.control-surface{padding-bottom:20px}.field-group{padding:16px 20px 0}.field-label{display:block;margin-bottom:9px;color:var(--ink-soft);font-size:11px;font-weight:800}.segmented{display:grid;gap:7px}.segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{min-height:57px;padding:8px 10px;text-align:left;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;cursor:pointer}.segmented button strong{display:block;font-size:16px}.segmented button span{display:block;margin-top:2px;color:var(--muted);font-size:10px}.segmented button.is-active{color:var(--teal-dark);background:var(--teal-soft);border-color:#9acfc8;box-shadow:inset 0 0 0 1px #0f766e14}.ratio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ratio-grid button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:59px;padding:7px;color:var(--ink-soft);font-size:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;cursor:pointer}.ratio-grid button.is-active{color:var(--teal);background:var(--teal-soft);border-color:#9acfc8}.ratio-shape{display:block;max-width:24px;max-height:20px;background:currentColor;border-radius:2px;opacity:.72}.ratio-21-9{width:25px;height:11px}.ratio-16-9{width:24px;height:13px}.ratio-4-3{width:22px;height:16px}.ratio-1-1{width:18px;height:18px}.ratio-3-4{width:15px;height:20px}.ratio-9-16{width:12px;height:21px}.duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.duration-grid button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;color:var(--ink-soft);font-size:11px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;cursor:pointer}.duration-grid button.is-active{color:var(--teal);background:var(--teal-soft);border-color:#9acfc8}.cost-line{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;margin:18px 20px 0;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.cost-line span{color:var(--muted);font-size:11px}.cost-line strong{color:var(--amber);font-size:15px}.cost-line small{grid-column:1 / -1;color:var(--ink-soft);font-size:10px}.configure-callout{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);min-height:40px;margin:12px 20px 0;color:var(--amber);font-size:12px;font-weight:700;background:var(--amber-soft);border:1px solid #edcfac;border-radius:7px;cursor:pointer}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;font-size:12px;font-weight:700;border-radius:7px;cursor:pointer}.primary-button{color:#fff;background:var(--teal);border:1px solid var(--teal)}.primary-button:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark)}.secondary-button{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong)}.secondary-button:hover:not(:disabled){color:var(--ink);background:var(--surface-soft)}.text-button{min-height:32px;padding:0 4px;color:var(--teal);background:transparent;border:0}.submit-button{width:calc(100% - 40px);min-height:48px;margin:14px 20px 0;font-size:14px}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:spin .85s linear infinite}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.stat-strip>div{padding:16px 20px;border-right:1px solid var(--line)}.stat-strip>div:last-child{border-right:0}.stat-strip span{display:block;color:var(--muted);font-size:11px}.stat-strip strong{display:block;margin-top:5px;font-size:23px;line-height:1}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.filter-tabs{display:inline-flex;gap:2px;padding:3px;background:#e9ebe6;border-radius:7px}.filter-tabs button{min-height:31px;padding:0 13px;color:var(--ink-soft);font-size:11px;font-weight:700;background:transparent;border:0;border-radius:5px;cursor:pointer}.filter-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #172a2d14}.toolbar-note{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.task-list{display:flex;flex-direction:column;gap:10px}.task-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:15px;min-width:0;padding:14px 15px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 16px #172a2d09}.task-visual{display:grid;place-items:center;width:62px;height:62px;color:#dcebe7;background:#294a4c;border-radius:7px}.task-main{min-width:0}.task-title-line{display:flex;align-items:center;gap:10px;min-width:0}.task-title-line h3{min-width:0;margin:0;overflow:hidden;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.status-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:10px;font-weight:800;border-radius:5px}.status-pending,.status-processing{color:#976113;background:var(--amber-soft)}.status-succeeded{color:var(--teal);background:var(--teal-soft)}.status-failed{color:var(--red);background:var(--red-soft)}.status-muted{color:#667370;background:#edf0ec}.task-meta,.task-time{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:var(--muted);font-size:10px}.task-meta span{position:relative}.task-meta span+span:before{position:absolute;top:50%;left:-8px;width:3px;height:3px;content:"";background:#b8c0bc;border-radius:50%}.task-error{color:var(--red)}.task-actions{display:flex;align-items:center;gap:6px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:410px;color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:8px}.empty-icon{display:grid;place-items:center;width:58px;height:58px;color:var(--teal);background:var(--teal-soft);border-radius:8px}.empty-state h2{margin:16px 0 5px;color:var(--ink);font-size:16px}.empty-state p{margin:0;font-size:12px}.settings-page{display:flex;flex-direction:column;gap:18px}.settings-page .page-header{margin-bottom:0}.settings-section{padding:20px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title-row h2{margin:0;font-size:15px}.section-title-row p{margin:5px 0 0;color:var(--muted);font-size:11px}.balance-box{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px 0 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.balance-box span{color:var(--muted);font-size:10px}.balance-box strong{min-width:35px;color:var(--amber);font-size:15px}.provider-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-options>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:14px;text-align:left;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;cursor:pointer}.provider-options>button.is-active{background:#f3fbf9;border-color:#93cbc4;box-shadow:inset 0 0 0 1px #0f766e0f}.provider-option-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--teal);background:var(--teal-soft);border-radius:7px}.provider-options strong{display:block;font-size:13px}.provider-options span:not(.option-check){display:block;margin-top:5px;color:var(--muted);font-size:10px}.option-check{position:relative;width:17px;height:17px;border:1px solid var(--line-strong);border-radius:50%}.option-check.is-on{background:var(--teal);border-color:var(--teal)}.option-check.is-on:after{position:absolute;top:4px;left:4px;width:7px;height:4px;content:"";border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg)}.form-grid{display:grid;gap:14px}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.form-field{display:flex;min-width:0;flex-direction:column;gap:7px}.form-field.full{grid-column:1 / -1}.form-field>span{color:var(--ink-soft);font-size:11px;font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;color:var(--ink);background:#fbfcfa;border:1px solid var(--line);border-radius:7px}.form-field select{height:40px;min-width:0;padding:0 34px 0 12px;color:var(--ink);font-size:12px;background:#fbfcfa;border:1px solid var(--line);border-radius:7px}.form-field input{height:40px;padding:0 12px;font-size:12px}.form-field textarea{padding:11px 12px;font-size:11px;line-height:1.65;resize:vertical}.json-grid{margin-top:14px}.form-field textarea,.template-input{font-family:Cascadia Code,Consolas,monospace}.secret-input,.path-input{display:grid;grid-template-columns:minmax(0,1fr) auto}.secret-input input,.path-input input{border-radius:7px 0 0 7px}.secret-input button,.path-input button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;height:40px;padding:0 12px;color:var(--ink-soft);font-size:11px;font-weight:700;background:var(--surface-strong);border:1px solid var(--line);border-left:0;border-radius:0 7px 7px 0;cursor:pointer}.path-input button{min-width:76px}.settings-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.upload-config-grid{margin-top:16px}.inline-config-note{display:flex;align-items:center;gap:9px;margin-top:16px;padding:11px 12px;color:var(--ink-soft);font-size:11px;line-height:1.5;background:var(--surface-soft);border-left:3px solid var(--amber);border-radius:3px 7px 7px 3px}.inline-config-note>svg{flex:0 0 auto;color:var(--amber)}.inline-config-note>span{min-width:0;flex:1}.modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;background:#0c1b1db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-modal{width:min(980px,100%);overflow:hidden;background:#0e1e20;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 24px 70px #00000059}.preview-modal header,.preview-modal footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d9e7e5}.preview-modal header{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.preview-modal header h2{max-width:760px;margin:5px 0 0;overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.preview-modal header .icon-button{color:#c9d9d7;border-color:#ffffff21}.preview-modal header .icon-button:hover{color:#fff;background:#ffffff12;border-color:#fff3}.preview-modal footer{padding:12px 18px;color:#89a4a1;font-size:11px;border-top:1px solid rgba(255,255,255,.09)}.video-frame{display:grid;place-items:center;aspect-ratio:16 / 9;background:#061113}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.video-loading{display:flex;align-items:center;flex-direction:column;gap:12px;color:#a8bfbc;font-size:12px}.download-progress{position:fixed;z-index:90;right:24px;bottom:22px;width:320px;padding:13px 14px;color:#eef8f6;background:#173436;border:1px solid rgba(255,255,255,.11);border-radius:8px;box-shadow:0 14px 35px #0003}.download-progress>div:first-child{display:flex;align-items:center;gap:7px;font-size:11px}.download-progress>strong{position:absolute;top:13px;right:14px;font-size:11px}.download-track{height:4px;margin-top:10px;overflow:hidden;background:#ffffff1c;border-radius:2px}.download-track span{display:block;height:100%;background:#75d1c6;transition:width .18s ease}.toast-stack{position:fixed;z-index:100;top:20px;right:22px;display:flex;align-items:flex-end;flex-direction:column;gap:8px;pointer-events:none}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:290px;max-width:430px;min-height:45px;padding:8px 9px 8px 12px;color:#eef7f5;font-size:12px;background:#173436;border:1px solid rgba(255,255,255,.11);border-radius:7px;box-shadow:0 12px 35px #0000002e;pointer-events:auto;animation:toast-in .18s ease-out}.toast-success>svg{color:#78d3c7}.toast-error>svg{color:#f09b91}.toast-info>svg{color:#e5b074}.toast button{display:grid;place-items:center;width:28px;height:28px;padding:0;color:#9db9b6;background:transparent;border:0;border-radius:5px;cursor:pointer}.toast button:hover{color:#fff;background:#ffffff14}.loading-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;height:100%;color:var(--muted);font-size:12px;background:var(--canvas)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.page{padding-right:24px;padding-left:24px}.create-grid{grid-template-columns:minmax(0,1.35fr) minmax(315px,.8fr)}.reference-layout{grid-template-columns:1fr}.reference-preview-grid{grid-template-columns:repeat(5,minmax(68px,1fr))}.form-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1040px){.app-shell{grid-template-columns:184px minmax(0,1fr)}.brand-copy strong{font-size:13px}.create-grid{grid-template-columns:1fr}.settings-column{position:static}.control-surface{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.control-surface .surface-heading,.control-surface .cost-line,.control-surface .configure-callout,.control-surface .submit-button{grid-column:1 / -1}.form-grid.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-screen{grid-template-columns:300px minmax(0,1fr)}.auth-brand{padding:42px 30px}.account-row{grid-template-columns:auto minmax(150px,1fr) minmax(230px,auto) auto}.quota-log-row{grid-template-columns:76px minmax(80px,.7fr) 60px 75px minmax(120px,1fr)}.quota-log-row time{display:none}}