:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#5b5cf0;--primary-strong:#4a46e0;--primary-soft:#8b7cf8;--primary-weak:#eeedfe;--primary-line:#d9d7fb;--brand-grad:linear-gradient(135deg, #7c5cf6 0%, #5567f5 52%, #3f8df6 100%);--brand-ink:linear-gradient(135deg, #2a2f5e 0%, #3e3a8c 58%, #5b5cf0 100%);--bg:#f2f4f9;--bg-deep:#e7eaf3;--surface:#fff;--surface-2:#f7f8fc;--surface-3:#e9edfa;--text:#1b1f2e;--text-2:#5c6479;--muted:#8c93a8;--border:#e5e8f2;--border-strong:#d9dfee;--danger:#d84545;--danger-weak:#fcecec;--success:#12996a;--success-weak:#e6f7f0;--warning:#b4761a;--warning-weak:#fdf4e3;--r-xl:24px;--r-lg:20px;--r-md:16px;--r-sm:12px;--r-xs:10px;--radius:var(--r-lg);--shadow-card:0 1px 2px #171c3c08, 0 10px 28px #171c3c0d;--shadow-raised:0 10px 26px #4842d238;--shadow-nav:0 -10px 28px #171c3c0f;--shadow-float:0 18px 48px #12162d38;--control-h:46px;--cta-h:52px;--nav-h:62px;--gap-xs:6px;--gap-sm:10px;--gap-md:14px;--gap-lg:18px;--ease:cubic-bezier(.22, .61, .36, 1);--dur:.18s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--kb:0px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overscroll-behavior-y:none}body{background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}::selection{background:var(--primary-weak);color:var(--primary-strong)}#root{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;overflow-x:clip;box-shadow:0 0 0 1px #14193208}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:40;padding:calc(10px + var(--safe-top)) 18px 10px;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.2px;align-items:center;gap:9px;font-size:18px;font-weight:700;display:inline-flex}.brand-mark{background:var(--brand-grad);color:#fff;letter-spacing:0;border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #5b5cf047}.brand-dot{color:var(--primary);margin-left:-3px}.version-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-variant-numeric:tabular-nums;letter-spacing:.2px;border-radius:999px;flex:none;padding:4px 10px;font-size:11.5px}.app-main{padding-bottom:calc(var(--nav-h) + 14px + var(--safe-bottom) + var(--kb));flex:1}.page{animation:page-enter .22s var(--ease) both;padding:18px 16px 22px}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-inner{gap:var(--gap-md);flex-direction:column;display:flex}.page-head{padding:2px 2px 0}.page-head h1{letter-spacing:-.6px;margin:0;font-size:26px;font-weight:700;line-height:1.25}.sub{color:var(--text-2);margin:6px 0 0;font-size:13px;line-height:1.6}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:1px solid #e5e8f2e6;flex-direction:column;gap:14px;padding:18px;display:flex}.card h2{color:var(--text);letter-spacing:-.2px;margin:0;font-size:16.5px;font-weight:650}.section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-head h2{margin:0}.field{color:var(--text-2);flex-direction:column;gap:7px;font-size:13px;display:flex}.field>span:first-child,.field-label{color:var(--text-2);letter-spacing:.1px;font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{background:var(--surface-2);border-radius:var(--r-sm);width:100%;color:var(--text);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:1px solid #0000;padding:11px 13px;font-size:14.5px}.field select{min-height:var(--control-h);appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238C93A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.field input,.field select{min-height:var(--control-h)}.field textarea{resize:vertical;min-height:110px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#a7adc0}.field input:focus,.field select:focus,.field textarea:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-weak);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex-direction:column;gap:10px;padding:14px;display:flex}.upload-block:focus-within{border-color:var(--primary-line);background:#fbfbff}.upload-block input[type=file]{width:100%;color:var(--text-2);font-size:12.5px}.upload-block input[type=file]::file-selector-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;margin-right:10px;padding:8px 14px;font-size:13px;font-weight:600}.upload-zone{background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-2);text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 14px;font-size:13px;display:flex;position:relative}.upload-zone:active{border-color:var(--primary-soft);background:#f2f2fd;transform:scale(.99)}.upload-zone.is-disabled{opacity:.6;pointer-events:none}.upload-zone input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-zone-icon{background:var(--primary-weak);width:42px;height:42px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.upload-zone strong{color:var(--text);font-size:14px;font-weight:600}.upload-zone span{color:var(--muted);font-size:12px}.upload-zone.has-preview{padding:10px}.upload-preview{object-fit:contain;border-radius:var(--r-sm);background:#fff;width:100%;max-height:220px}.prompt-idea{flex-direction:column;gap:8px;display:flex}.prompt-idea-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prompt-idea-actions .meta{margin:0}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:12px;display:flex}.doc-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.doc-card-head strong{overflow-wrap:anywhere;font-size:14px}.doc-preview{background:var(--surface-2);border-radius:var(--r-xs);max-height:220px;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);min-height:44px;color:var(--text);text-align:center;cursor:pointer;transition:transform .12s var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand-grad);color:#fff;border-color:#0000;box-shadow:0 6px 18px #5b5cf042}.btn.primary:active:not(:disabled){box-shadow:0 3px 10px #5b5cf03d}.btn.ghost{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-ghost{background:var(--surface);color:var(--danger);border-color:#f2cfcf}.btn.small{border-radius:var(--r-xs);min-height:32px;padding:0 12px;font-size:12.5px}.btn.block{width:100%;min-height:var(--cta-h);border-radius:var(--r-sm);letter-spacing:.2px;font-size:16px}.btn.small.block{min-height:40px;font-size:14px}.btn[data-phase=success]{background:var(--success);border-color:var(--success);color:#fff}.btn[data-phase=error]{background:var(--surface);color:var(--danger);border-color:#eec5c5}.btn:focus-visible,.nav-item:focus-visible,.tabs button:focus-visible,.segmented button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.segmented{background:var(--surface-2);border-radius:var(--r-sm);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{border-radius:var(--r-xs);min-height:38px;color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:0 0;border:none;padding:6px 10px;font-size:13.5px}.segmented button.active{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:0 1px 2px #171c3c0f,0 4px 12px #171c3c0f}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{background:var(--surface-2);min-height:34px;color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;border-radius:999px;padding:5px 14px;font-size:12.5px}.tabs button.active{background:var(--primary-weak);border-color:var(--primary-line);color:var(--primary-strong);font-weight:600}.preview-box{background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);min-height:190px;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:22px;font-size:13px;display:flex}.preview-media{border-radius:var(--r-md);object-fit:contain;background:#0f1115;width:100%;max-height:380px;display:block}.iframe-preview{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;width:100%;height:280px}.canvas-placeholder{aspect-ratio:3/4;background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);max-height:320px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.property-list{flex-direction:column;gap:0;margin:0;display:flex}.property-list div{border-top:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.property-list div:first-child{border-top:none}.property-list dt{color:var(--muted)}.property-list dd{color:var(--text-2);margin:0}.state{color:var(--muted);text-align:center;margin:0;padding:20px 10px;font-size:13px;line-height:1.6}.state.error{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0;display:flex}.state.loading:before{border:2px solid var(--primary-line);border-top-color:var(--primary);content:"";vertical-align:-2px;border-radius:50%;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.meta{color:var(--muted);font-size:12px;line-height:1.55}.error-text{color:var(--danger);margin:0;font-size:13px;line-height:1.5}.notice{background:var(--success-weak);border-radius:var(--r-sm);color:#0f7a55;border:1px solid #c6ecdd;margin:0;padding:11px 13px;font-size:13px;line-height:1.5}.inline-error{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{background:var(--surface-3);color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-flex}.badge.muted{color:var(--muted)}.status-succeeded{background:var(--success-weak);color:#0f7a55}.status-failed,.status-cancelled{background:var(--danger-weak);color:var(--danger)}.status-running,.status-queued,.status-cancel_requested{background:var(--primary-weak);color:var(--primary-strong)}.task-card{background:var(--surface-2);border-radius:var(--r-md);border:1px solid #0000;flex-direction:column;gap:10px;padding:14px;display:flex}.task-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-head .meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--brand-grad);height:100%;transition:width .4s var(--ease);border-radius:999px;display:block}.meta-list{grid-template-columns:1fr;gap:6px;margin:0;font-size:12.5px;display:grid}.meta-list div{justify-content:space-between;gap:12px;display:flex}.meta-list dt{color:var(--muted)}.meta-list dd{color:var(--text-2);text-align:right;margin:0}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-row{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:13px 0;display:flex}.list-row:first-child{border-top:none}.list-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.list-row-main strong{font-size:14px}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.auth-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:30px 20px 22px;display:flex}.auth-mark{border-radius:18px;width:54px;height:54px;margin-bottom:8px;font-size:26px;box-shadow:0 10px 24px #5b5cf04d}.auth-hero h1{letter-spacing:-.5px;margin:0;font-size:25px;font-weight:700}.auth-hero p{max-width:300px;color:var(--text-2);margin:2px 0 0;font-size:13px;line-height:1.65}.me-page{gap:var(--gap-md)}.me-home,.sub-page{gap:var(--gap-md);flex-direction:column;display:flex}.me-head{padding:2px 2px 0}.me-head h1{letter-spacing:-.6px;margin:0;font-size:26px;font-weight:700;line-height:1.25}.me-profile{background:var(--surface);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-card);text-align:left;cursor:pointer;transition:transform .12s var(--ease), box-shadow var(--dur) var(--ease);border:1px solid #e5e8f2e6;align-items:center;gap:13px;padding:16px;display:flex}.me-profile:active{transform:scale(.985)}.me-avatar{background:var(--brand-grad);color:#fff;border-radius:18px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:21px;font-weight:650;display:flex;box-shadow:0 6px 16px #5b5cf042}.me-profile-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.me-profile-main strong{letter-spacing:-.2px;font-size:17px;font-weight:650}.me-profile-main span{color:var(--muted);font-size:12.5px}.row-chevron{color:#c3c9da;flex:none;font-size:20px;line-height:1}.me-fee{background:var(--brand-ink);border-radius:var(--r-lg);color:#fff;text-align:left;cursor:pointer;width:100%;transition:transform .12s var(--ease);border:0;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #2a286e3d}.me-fee:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff29,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-50px}.me-fee:active{transform:scale(.985)}.me-fee-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.me-fee-title{color:#ffffffdb;letter-spacing:.2px;font-size:13px;font-weight:600}.me-fee-link{color:#fffffff0;background:#ffffff24;border-radius:999px;flex:none;padding:4px 10px;font-size:11.5px}.me-fee-total{flex-direction:column;gap:1px;display:flex}.me-fee-total>span{color:#ffffffad;font-size:11.5px}.me-fee-total strong{font-variant-numeric:tabular-nums;letter-spacing:-.8px;font-size:34px;font-weight:700;line-height:1.2}.me-fee-grid{border-top:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.me-fee-grid>span{flex-direction:column;gap:2px;min-width:0;display:flex}.me-fee-label{color:#ffffffa3;font-size:11px}.me-fee-grid strong{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600}.me-section{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:1px solid #e5e8f2e6;flex-direction:column;gap:13px;padding:16px;display:flex}.me-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.me-section-head h2{letter-spacing:-.2px;margin:0;font-size:15.5px;font-weight:650}.me-link{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:4px 0 4px 8px;font-size:12.5px}.me-works{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.me-work{background:var(--surface-2);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease), transform .12s var(--ease);border:1px solid #0000;flex-direction:column;align-items:center;gap:5px;padding:12px 4px 10px;display:flex}.me-work:active{background:var(--surface-3);transform:scale(.96)}.me-work-icon{background:var(--primary-weak);border-radius:var(--r-sm);width:34px;height:34px;color:var(--primary);justify-content:center;align-items:center;display:flex}.me-work-label{color:var(--text-2);font-size:11.5px}.me-work strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:650;line-height:1.1}.me-list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:1px solid #e5e8f2e6;overflow:hidden}.me-list-title{color:var(--muted);letter-spacing:.6px;margin:0;padding:15px 16px 6px;font-size:11.5px;font-weight:600}.me-rows{flex-direction:column;display:flex}.me-row{border:0;border-top:1px solid var(--border);width:100%;min-height:52px;color:var(--text);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;align-items:center;gap:12px;padding:11px 16px;font-size:14.5px;display:flex}.me-row:first-child{border-top:0}.me-row:active:not(.static):not(:disabled){background:var(--surface-2)}.me-row.static,.me-row:disabled{cursor:default}.me-row-icon{background:var(--primary-weak);border-radius:var(--r-xs);width:30px;height:30px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.me-row-label{flex:1;min-width:0}.me-row-value{max-width:62%;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:13px;overflow:hidden}.me-row-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.me-update{flex-direction:column;gap:8px;padding:0 16px;display:flex}.me-update:not(:empty){padding-bottom:14px}.me-update p{margin:0}.me-toast{z-index:1200;box-shadow:var(--shadow-float);color:#fff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(10px);animation:me-toast-in .18s var(--ease);background:#171a30e6;border:1px solid #ffffff1a;border-radius:999px;padding:12px 20px;font-size:14px;line-height:1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes me-toast-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.me-logout{border-radius:var(--r-sm);color:var(--danger);cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;border:0;align-self:center;margin:2px 0 12px;padding:12px 26px;font-size:14px;font-weight:500}.me-logout:active{background:var(--danger-weak)}.sub-head{align-items:center;gap:10px;padding-top:2px;display:flex}.sub-head h1{letter-spacing:-.2px;text-align:center;flex:1;margin:0;font-size:18px;font-weight:650}.icon-btn{background:var(--surface);width:38px;height:38px;color:var(--text-2);cursor:pointer;transition:transform .12s var(--ease), background var(--dur) var(--ease);border:1px solid #e5e8f2e6;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;display:flex;box-shadow:0 2px 8px #171c3c0d}.icon-btn:active{background:var(--surface-2);transform:scale(.94)}.sub-action{min-width:36px;color:var(--primary);text-align:right;cursor:pointer;background:0 0;border:0;flex:none;padding:6px 0;font-size:13px}.sub-head-spacer{flex:none;width:38px}.me-detail-hero{background:radial-gradient(120% 90% at 50% 0%, #f4f2ff 0%, #fff0 62%), var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:1px solid #e5e8f2e6;flex-direction:column;align-items:center;gap:4px;padding:26px 16px 22px;display:flex}.me-detail-hero .me-avatar{border-radius:22px;width:68px;height:68px;margin-bottom:6px;font-size:25px}.me-detail-hero strong{font-size:18px;font-weight:650}.me-detail-hero>span:last-child{color:var(--muted);font-size:12.5px}.works-summary{color:var(--muted);margin:-2px 2px 0;font-size:12px}.works-card{gap:10px}.dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);animation:backdrop-in .18s var(--ease);background:#12162d75;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:360px;max-height:calc(100vh - 48px - var(--safe-top) - var(--safe-bottom));border-radius:var(--r-xl);box-shadow:var(--shadow-float);animation:dialog-in .22s var(--ease);background:#fff;flex-direction:column;gap:14px;padding:22px;display:flex;overflow:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog h2{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:650}.dialog-desc{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.bottom-nav{z-index:60;width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-bottom));padding:5px 8px var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-nav);transition:transform .16s var(--ease), opacity .16s var(--ease);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.kb-open .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%,120%)}.nav-item{border-radius:var(--r-sm);color:var(--muted);letter-spacing:.1px;cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:var(--primary);font-weight:600}.nav-icon{width:42px;height:28px;color:inherit;transition:background var(--dur) var(--ease), transform .14s var(--ease);border-radius:10px;justify-content:center;align-items:center;display:flex}.nav-item.active .nav-icon{background:var(--primary-weak)}.nav-item:active .nav-icon{transform:scale(.9)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.reference-thumb{object-fit:cover;border:1px solid var(--border);border-radius:var(--r-sm);width:96px;height:96px}.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fee-summary{flex-direction:column;gap:2px;padding:10px 0 4px;display:flex}.fee-summary strong{letter-spacing:-.01em;font-size:28px;line-height:1.2}.fee-type-row{align-items:center;padding:9px 0}.fee-type-value{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;font-weight:600;display:flex}.fee-line{border-radius:var(--r-sm);color:var(--text-2);background:linear-gradient(135deg,#f7f5ff 0%,#f3f8ff 100%);border:1px solid #e7e3fd;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.ok-text{color:var(--success)}.warning-text{background:var(--warning-weak);border-radius:var(--r-xs);color:var(--warning);border:1px solid #f1dfb9;margin:0;padding:8px 10px;font-size:13px}.warning-card{background:var(--warning-weak);border-radius:var(--r-sm);border:1px solid #f1dfb9;flex-direction:column;gap:8px;padding:12px;display:flex}.poster-entry{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.poster-entry:first-of-type{border-top:none;padding-top:0}.poster-entry-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-pick{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;gap:10px;padding:10px;display:flex}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.thumb-card{border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;transition:transform .12s var(--ease), box-shadow var(--dur) var(--ease);background:#fff;border:1px solid #e5e8f2e6;flex-direction:column;gap:5px;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #171c3c08,0 6px 16px #171c3c0d}.thumb-card:active{transform:scale(.97)}.thumb-card img,.poster-list-thumb img{aspect-ratio:4/3;object-fit:cover;background:var(--surface-3);width:100%;display:block}.thumb-title{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;padding:0 8px 8px;font-size:11.5px;line-height:1.4;overflow:hidden}.thumb-empty{aspect-ratio:4/3;width:100%;color:var(--muted);justify-content:center;align-items:center;font-size:11px;display:flex}.poster-list-thumb{border:1px solid var(--border);border-radius:var(--r-xs);flex:none;width:68px;overflow:hidden}.poster-list-thumb img,.poster-list-thumb .thumb-empty{aspect-ratio:3/4}.stack-actions{flex-direction:column;flex:none;gap:6px;display:flex}.editor-head{align-items:center;gap:10px;display:flex}.editor-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.title-input{border:1px solid var(--border);border-radius:var(--r-xs);background:#fff;width:100%;padding:6px 8px;font-size:15px;font-weight:600}.editor-card{gap:10px;padding:12px}.editor-stage{background:repeating-conic-gradient(var(--surface-3) 0% 25%, var(--surface-2) 0% 50%) 50% / 16px 16px;border:1px solid var(--border);border-radius:var(--r-sm);justify-content:center;align-items:flex-start;min-height:180px;max-height:64vh;padding:8px;display:flex;overflow:auto}.editor-stage .canvas-container{flex:none;box-shadow:0 2px 12px #0f172a29}.editor-toolbar{flex-wrap:wrap;gap:6px;display:flex}.file-btn{cursor:pointer;align-items:center;display:inline-flex}.file-btn input[type=file]{display:none}.file-btn.disabled{opacity:.55;pointer-events:none}.layer-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layer-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.layer-row.active{background:var(--primary-weak);border-color:var(--primary-line)}.layer-type{background:var(--surface-3);width:22px;height:22px;color:var(--text-2);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.color-field{flex-direction:row;align-items:center;gap:6px}.color-field input[type=color]{width:40px;height:30px;padding:2px}.color-dot{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:26px;height:26px;padding:0}.color-dot.active{outline:2px solid var(--primary);outline-offset:2px}.library-toolbar{flex-wrap:wrap;gap:8px;display:flex}.library-toolbar .field{flex:1;min-width:120px}.library-toolbar .field input,.library-toolbar .field select{padding:8px 10px}.work-row{border-top:1px solid var(--border);gap:10px;padding:12px 0;display:flex}.work-row:first-child{border-top:none}.work-thumb{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-xs);flex:none;width:72px;height:72px;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;display:block}.work-thumb .thumb-empty{aspect-ratio:auto;height:100%}.work-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.work-ops{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.detail-list{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);grid-template-columns:1fr;gap:3px;margin:6px 0 0;padding:8px 10px;font-size:12px;display:grid}.detail-list div{justify-content:space-between;gap:12px;display:flex}.detail-list dt{color:var(--muted)}.detail-list dd{text-align:right;word-break:break-all;margin:0}.editor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-head .btn{flex:none}.editor-title{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;min-width:0;font-size:15px;overflow:hidden}.warning-badge{background:var(--warning-weak);color:var(--warning)}.web-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.segmented.compact{flex:none;width:auto}.segmented.compact button{padding:6px 14px}.editor-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editor-actions a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.preview-stage{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);justify-content:center;padding:12px;display:flex}.preview-stage iframe{border-radius:var(--r-xs);background:#fff;border:0;width:100%;height:420px}.preview-stage.mobile iframe{width:390px;max-width:100%}.code-editor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);white-space:pre;resize:vertical;width:100%;min-height:340px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.web-error-list{color:var(--danger);word-break:break-word;margin:4px 0 0;padding-left:18px;font-size:12px}.web-url{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);word-break:break-all;margin:0;padding:8px 10px;font-size:12px}.version-row{align-items:center}.check-line{align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.check-line input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:3px}.progress-block{flex-direction:column;gap:6px;margin:8px 0;display:flex}.video-player{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.video-player h3{margin:0;font-size:14px}.thumb-button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;overflow:hidden}.thumb-button img{object-fit:cover;width:100%;height:100%;display:block}.preview-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.image-viewer{z-index:1200;background:#080a0ef5;flex-direction:column;display:flex;position:fixed;inset:0}.image-viewer-head{padding:calc(10px + var(--safe-top,0px)) 14px 8px;color:#f5f7fa;flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.image-viewer-close{color:#f5f7fa;background:#ffffff24;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.image-viewer-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-viewer-stage img{transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;max-width:100%;max-height:100%}.image-viewer-hint{padding:6px 14px calc(10px + var(--safe-bottom,0px));color:#f5f7fa99;text-align:center;flex:none;margin:0;font-size:12px}.poster-studio .studio-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.poster-studio .studio-title-row h1{letter-spacing:-.6px;margin:0;font-size:26px;font-weight:700}.step-badge{background:var(--primary-weak);width:22px;height:22px;color:var(--primary);vertical-align:1px;border-radius:8px;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:700;display:inline-flex}.reference-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:14px;display:flex}.reference-block h3{margin:0;font-size:14px}.reference-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.reference-item{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;align-items:center;gap:10px;padding:8px;display:flex}.reference-thumb{background:var(--surface-3);border-radius:var(--r-xs);flex:none;width:56px;height:56px;overflow:hidden}.reference-thumb img,.reference-thumb .thumb-empty{aspect-ratio:auto;object-fit:cover;width:100%;height:100%}.reference-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.reference-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reference-main select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);width:100%;padding:6px 8px;font-size:13px}.quote-row{border-radius:var(--r-sm);color:var(--text-2);background:linear-gradient(135deg,#f7f5ff 0%,#f3f8ff 100%);border:1px solid #e7e3fd;padding:12px 14px;font-size:13px}.quote-row strong{color:var(--primary-strong);font-variant-numeric:tabular-nums;font-size:15px}.analysis-line{background:var(--primary-weak);border-radius:var(--r-xs);color:var(--primary-strong);margin:0;padding:8px 10px;font-size:13px}.warning-list{background:var(--warning-weak);border-radius:var(--r-xs);color:var(--warning);border:1px solid #f1dfb9;flex-direction:column;gap:4px;margin:0;padding:8px 10px 8px 26px;font-size:12px;display:flex}.inline-alert{background:var(--danger-weak);border-radius:var(--r-xs);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.variant-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.variant-card{border-radius:var(--r-sm);cursor:pointer;text-align:left;background:#fff;border:2px solid #0000;flex-direction:column;gap:4px;width:100%;padding:4px;display:flex}.variant-card.active{border-color:var(--primary);background:var(--primary-weak)}.variant-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.variant-status{padding:0 2px;font-size:10px;line-height:1.35}.status-queued,.status-running{color:var(--warning)}.status-ready{color:var(--success)}.status-failed{color:var(--danger)}.poster-canvas{background:var(--surface-3);border-radius:var(--r-xs);width:100%;position:relative;overflow:hidden}.poster-canvas-inner{width:100%}.poster-canvas-fallback{border-radius:var(--r-xs);flex-direction:column;gap:6px;padding:16px;font-size:13px;display:flex}.studio-preview{background:var(--surface-2);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:10px;display:flex}.studio-preview-meta{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.studio-preview-meta strong{font-size:15px}.revise-block{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:4px;display:flex}.revise-block h3{margin:0;font-size:14px}.quick-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-3);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px}.chip:disabled{opacity:.55;cursor:not-allowed}.history-bar{flex-wrap:wrap;gap:6px;display:flex}.history-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.history-list li.current .btn{border-color:var(--primary);color:var(--primary)}.history-list .btn{text-align:left;justify-content:flex-start;width:100%}.notice-text{background:var(--success-weak);border-radius:var(--r-xs);color:#0f7a55;margin:0;padding:8px 10px;font-size:13px}.check-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.check{border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.45}.check-overflow,.check-contrast{background:var(--warning-weak);color:var(--warning)}.check-safe,.check-resolution{background:var(--primary-weak);color:var(--primary-strong)}.export-result{flex-direction:column;gap:6px;display:flex}.mode-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-card{background:var(--surface-2);border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;text-align:left;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform .12s var(--ease);border:1.5px solid #0000;flex-direction:column;gap:4px;padding:12px 10px;display:flex}.mode-card:active:not(:disabled){transform:scale(.97)}.mode-card strong{color:var(--text);font-size:13px;font-weight:600}.mode-card span{color:var(--muted);font-size:11px;line-height:1.4}.mode-card.active{border-color:var(--primary);background:#f4f2ff;box-shadow:0 6px 16px #5b5cf01f}.mode-card.active strong{color:var(--primary-strong)}.mode-card:disabled{opacity:.6;cursor:not-allowed}.ratio-fieldset{flex-direction:column;gap:6px;display:flex}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ratio-grid button{background:var(--surface-2);border-radius:var(--r-sm);min-height:42px;color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .12s var(--ease);border:1.5px solid #0000;padding:8px 4px;font-size:13.5px;font-weight:500}.ratio-grid button:active:not(:disabled){transform:scale(.96)}.ratio-grid button.active{background:var(--primary-weak);border-color:var(--primary);color:var(--primary-strong);font-weight:650}.ratio-grid button:disabled{opacity:.55;cursor:not-allowed}.material-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:14px;display:flex}.material-block h3{margin:0;font-size:14px}.material-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.material-card{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;align-items:center;gap:10px;padding:8px;display:flex}.material-thumb{background:var(--surface-3);border-radius:var(--r-xs);flex:none;width:64px;height:64px;overflow:hidden}.material-thumb img{object-fit:cover;width:100%;height:100%;display:block}.material-thumb .thumb-empty{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:11px;display:flex}.upload-drop{background:var(--surface-2);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-2);text-align:center;cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform .12s var(--ease);flex-direction:column;align-items:center;gap:5px;padding:22px 14px;font-size:13.5px;display:flex}.upload-drop:active:not(.disabled){border-color:var(--primary-soft);background:#f2f2fd;transform:scale(.99)}.upload-drop.disabled{opacity:.55;cursor:not-allowed}.upload-plus{background:var(--primary-weak);width:40px;height:40px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:2px;font-size:24px;font-weight:400;line-height:1;display:flex}.upload-drop>span:nth-child(2){color:var(--text);font-weight:600}.upload-inline{flex-direction:row;justify-content:center;gap:8px;padding:12px;font-size:12.5px}.upload-inline .upload-plus{background:var(--primary-weak);border-radius:9px;width:26px;height:26px;margin:0;font-size:18px}.stage-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.stage{border-radius:var(--r-sm);align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.stage-running{background:var(--warning-weak)}.stage-failed{background:var(--danger-weak)}.stage-dot{background:var(--border-strong);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.stage-done .stage-dot{background:var(--success)}.stage-running .stage-dot{background:#d9a23a;box-shadow:0 0 0 3px #e0a0202e}.stage-queued .stage-dot{background:#d9a23a}.stage-failed .stage-dot{background:var(--danger)}.stage-skipped .stage-dot{background:#b9c0d4}.stage-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.stage-main strong{font-size:13px}.stage-main span{color:var(--muted);font-size:11px;line-height:1.4}.stage-state{color:var(--muted);flex:none;font-size:11px}.stage-running .stage-state{color:var(--warning)}.stage-done .stage-state{color:var(--success)}.stage-failed .stage-state{color:var(--danger)}.revise-block textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);resize:vertical;width:100%;padding:10px 12px;font-size:14px}.revise-block textarea:focus{border-color:var(--primary);outline:2px solid var(--primary-weak)}.check-subject,.check-overlap{background:var(--warning-weak);color:var(--warning)}.fee-page{flex-direction:column;gap:14px;display:flex}.fee-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fee-head h1{text-align:center;flex:1;margin:0;font-size:17px}.fee-head .btn,.fee-head-spacer{flex:none}.fee-head .btn.small{padding:8px 12px;font-size:13px}.fee-head-spacer{width:56px}.fee-periods{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.fee-periods::-webkit-scrollbar{display:none}.fee-periods button{background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:999px;flex:none;padding:9px 16px;font-size:13px}.fee-periods button.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #5b5cf042}.fee-hero{background:var(--brand-ink);border-radius:var(--r-xl);color:#fff;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #28266c42}.fee-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-40px}.fee-hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.fee-hero-top>span:first-child{color:#ffffffc7;font-size:13px}.fee-hero-badge{color:#ffffffeb;background:#ffffff24;border-radius:999px;flex:none;padding:2px 8px;font-size:11px}.fee-hero-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.15}.fee-hero-stats{border-top:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;display:grid}.fee-hero-stats div{flex-direction:column;gap:2px;min-width:0;display:flex}.fee-hero-stats span{color:#ffffffa8;font-size:11px}.fee-hero-stats strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.fee-hero-note{color:#ffffffc7;margin:0;font-size:11px;line-height:1.5}.fee-hero-project-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.fee-duo{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fee-mini{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease), transform .12s var(--ease);border:1.5px solid #0000;flex-direction:column;gap:3px;padding:15px;display:flex}.fee-mini:active{transform:scale(.98)}.fee-mini.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak)}.fee-mini-label{color:var(--muted);font-size:12px}.fee-mini strong{font-variant-numeric:tabular-nums;font-size:19px}.fee-mini .meta{font-size:11px}.tone-image{--tone:var(--primary);--tone-weak:var(--primary-weak)}.tone-video{--tone:var(--primary-soft);--tone-weak:#f0ecfe}.tone-web{--tone:#0e9f8f;--tone-weak:#e5f7f4}.tone-poster{--tone:#e08a3c;--tone-weak:#fdf2e8}.tone-unknown{--tone:var(--muted);--tone-weak:var(--surface-3)}.fee-projects{flex-direction:column;display:flex}.fee-project{border:none;border-top:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;gap:12px;width:100%;padding:12px 0;display:flex}.fee-project:first-child{border-top:none;padding-top:2px}.fee-project:last-child{padding-bottom:4px}.fee-project:active{opacity:.75}.fee-project-icon,.fee-record-icon,.fee-count-icon{background:var(--tone-weak);border-radius:var(--r-sm);color:var(--tone);flex:none;justify-content:center;align-items:center;display:flex}.fee-project-icon{width:38px;height:38px}.fee-project-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fee-project-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.fee-project-head strong:first-child{font-size:14px}.fee-project-head strong:last-child{font-variant-numeric:tabular-nums;font-size:14px}.fee-project-bar{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.fee-project-bar span{background:var(--tone);border-radius:999px;height:100%;transition:width .25s;display:block}.fee-project .meta{font-size:11px}.fee-unknown-row{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--r-sm);flex-direction:column;gap:2px;padding:10px 12px;font-size:12px;display:flex}.fee-chart-wrap{width:100%}.fee-chart{width:100%;height:auto;display:block;overflow:visible}.fee-chart-axis{stroke:var(--border);stroke-width:1px}.fee-chart-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.fee-chart-dot{fill:#fff;stroke:var(--primary);stroke-width:2px}.fee-chart-dot.active{fill:var(--primary)}.fee-chart-ring{fill:none;stroke:var(--primary);stroke-opacity:.28;stroke-width:2px}.fee-chart-label{fill:var(--muted);font-size:9px}.fee-chart-hit{cursor:pointer;outline:none}.fee-chart-hit:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.fee-chart-empty{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--r-md);min-height:112px;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex}.fee-chart-caption{background:var(--surface-2);border-radius:var(--r-sm);flex-wrap:wrap;align-items:baseline;gap:6px;padding:8px 10px;font-size:12px;display:flex}.fee-chart-caption strong{font-size:13px}.fee-counts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.fee-count{background:var(--tone-weak);border-radius:var(--r-md);color:var(--tone);flex-direction:column;align-items:center;gap:3px;padding:10px 4px;display:flex}.fee-count-icon{background:0 0;width:24px;height:24px}.fee-count strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px;line-height:1.1}.fee-count span:last-child{font-size:11px}.fee-record-filters{justify-content:space-between;align-items:center;gap:8px;display:flex}.fee-record-filters .tabs{flex:1}.fee-record-filters .tabs button{padding:7px 12px}.fee-sort{flex:none}.fee-records{margin-top:2px}.fee-record{border-top:1px solid var(--border)}.fee-record:first-child{border-top:none}.fee-record-btn{text-align:left;cursor:pointer;background:0 0;border:none;gap:12px;width:100%;padding:12px 0;display:flex}.fee-record-btn:active{opacity:.75}.fee-record-icon{width:34px;height:34px}.fee-record-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fee-record-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.fee-record-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.fee-amount{font-variant-numeric:tabular-nums;flex:none;font-size:14px}.fee-amount.unknown{color:var(--warning);font-size:12px;font-weight:600}.fee-record-foot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fee-record-foot .badge{padding:1px 7px;font-size:11px}.status-review{background:var(--warning-weak);color:var(--warning)}.fee-detail{max-width:380px}.fee-detail-amount{background:var(--surface-2);border-radius:var(--r-md);flex-direction:column;gap:2px;padding:12px;display:flex}.fee-detail-amount strong{font-variant-numeric:tabular-nums;font-size:24px}.fee-detail-list{flex-direction:column;margin:0;display:flex}.fee-detail-list div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:8px 0;font-size:13px;display:flex}.fee-detail-list div:first-child{border-top:none}.fee-detail-list dt{color:var(--muted);flex:none}.fee-detail-list dd{text-align:right;word-break:break-all;margin:0}.fee-footnote{margin:0;padding:0 2px;font-size:11px}