:root{--primary: #ff5a1f;--primary-dark: #e8430a;--primary-soft: #fff3ed;--primary-line: #ffd6c4;--text: #1d2129;--text-2: #4e5969;--muted: #86909c;--border: #e5e6eb;--bg: #f4f5f7;--card: #fff;--good: #00a854;--bad: #f53f3f;--warn: #ff7d00;--radius: 12px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .04);--shadow-hover: 0 6px 20px rgba(255, 90, 31, .14);--topbar: 60px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:var(--primary);color:#fff;font:inherit;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}button:hover:not(:disabled),.button:hover{background:var(--primary-dark)}button:disabled,.button.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}button.secondary{background:#fff;color:var(--text);border-color:var(--border)}button.secondary:hover:not(:disabled){background:#fff;border-color:var(--primary);color:var(--primary)}button.primary-lg,.button.primary-lg{height:42px;padding:0 28px;font-size:15px;border-radius:10px;box-shadow:0 4px 12px #ff5a1f40}.link-button{height:auto;padding:0;background:none;color:var(--primary);border:0;font-weight:400}.link-button:hover:not(:disabled){background:none;color:var(--primary-dark);text-decoration:underline}.icon-button{width:26px;height:26px;padding:0;border-radius:6px;background:#ffffffeb;color:var(--text-2);border-color:var(--border);font-size:12px}.icon-button:hover:not(:disabled){background:#fff;color:var(--primary);border-color:var(--primary)}.icon-button.danger:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}input,select,textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff5a1f1f}input[type=range]{padding:0;border:0;box-shadow:none;accent-color:var(--primary)}input[type=color]{width:64px;height:36px;padding:3px;cursor:pointer}textarea{resize:vertical;min-height:96px}.muted,.hint{color:var(--muted);font-size:13px}.error{color:var(--bad);font-size:13px;padding:8px 12px;background:#fff1f0;border-radius:8px}.warn{color:var(--warn);font-size:13px}.good{color:var(--good)}.bad{color:var(--bad)}.empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--muted);background:var(--bg);border-radius:10px;font-size:13px}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar);display:flex;align-items:center;gap:16px;padding:0 24px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#ff7a3d,#ff3d1f);color:#fff;font-size:16px}.topbar-tip{margin-left:auto;color:var(--muted);font-size:12px}.menu-button{display:none;width:36px;height:36px;padding:0;background:transparent;color:var(--text);font-size:20px}.menu-button:hover:not(:disabled){background:var(--bg)}.body{display:flex}.sidebar{position:sticky;top:var(--topbar);height:calc(100vh - var(--topbar));overflow-y:auto;width:216px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:16px 12px}.sidebar a{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:2px;border-radius:8px;color:var(--text-2);transition:background .15s,color .15s}.sidebar a:hover{background:var(--bg);color:var(--text)}.sidebar a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-icon{width:20px;text-align:center}.sidebar-group{margin-top:18px}.sidebar-title{display:block;padding:0 12px 6px;font-size:12px;color:var(--muted);letter-spacing:.5px}.sidebar-mask{display:none}.content{flex:1;min-width:0;padding:24px 28px 48px}.home{display:flex;flex-direction:column;gap:16px;max-width:1240px;margin:0 auto}.hero{padding:32px 32px 28px;border-radius:16px;color:#fff;background:radial-gradient(circle at 85% 0%,rgba(255,255,255,.22),transparent 40%),linear-gradient(120deg,#ff3d1f,#ff7a3d 60%,#ffa45c)}.hero h1{font-size:26px;font-weight:700}.hero>p{margin:6px 0 20px;opacity:.9}.search{max-width:760px}.search-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.search-tabs button{height:28px;padding:0 12px;background:transparent;color:#ffffffd9;border-radius:14px;font-weight:400}.search-tabs button:hover:not(:disabled){background:#ffffff26}.search-tabs button.active{background:#fff;color:var(--primary);font-weight:600}.search-row{display:flex;padding:5px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #a028002e}.search-row input{border:0;font-size:15px;padding:10px 14px;box-shadow:none}.search-row button{height:44px;padding:0 32px;border-radius:9px;font-size:15px}.card{background:var(--card);border-radius:var(--radius);padding:18px 20px 20px;box-shadow:var(--shadow);scroll-margin-top:calc(var(--topbar) + 60px)}.card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.card-head h2{font-size:16px;font-weight:600;position:relative;padding-left:10px}.card-head h2:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--primary)}.home-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.nav-link:hover{border-color:var(--primary-line);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.nav-link:hover .nav-text>span{color:var(--primary)}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-text>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-text small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-icon{width:22px;height:22px;flex-shrink:0;border-radius:5px;object-fit:contain}.site-icon.fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:600}.today{display:flex;flex-direction:column;gap:16px}.date{display:flex;flex-direction:column;gap:2px}.date strong{font-size:28px;font-weight:700;letter-spacing:.5px}.date>span:last-child{color:var(--text-2)}.countdowns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.countdowns div{background:var(--primary-soft);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column}.countdowns span{font-size:12px;color:var(--muted)}.countdowns strong{color:var(--primary);font-size:22px;font-weight:700}.countdowns small{font-size:12px;margin-left:2px;font-weight:400}.tool-section+.tool-section{margin-top:18px}.tool-section h3{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:10px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.tool-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;border:1px solid var(--border);transition:border-color .15s,box-shadow .15s,transform .15s}.tool-card:hover{border-color:var(--primary-line);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.tool-card .icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--primary-soft);font-size:20px}.tool-text{display:flex;flex-direction:column;min-width:0}.tool-text small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card:hover strong{color:var(--primary)}.jump-bar{position:sticky;top:var(--topbar);z-index:5;display:flex;gap:6px;padding:10px 0;overflow-x:auto;background:var(--bg)}.jump-bar a{flex-shrink:0;padding:5px 14px;border-radius:16px;background:#fff;color:var(--text-2);font-size:13px;box-shadow:var(--shadow)}.jump-bar a:hover{color:var(--primary)}.tool-page{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.tool-header{padding:4px 0 6px}.breadcrumb{display:flex;gap:6px;font-size:12px;color:var(--muted);margin-bottom:8px}.breadcrumb a:hover{color:var(--primary)}.tool-header h1{font-size:24px;font-weight:700}.tool-header p{margin-top:4px;color:var(--text-2)}.steps{display:flex;flex-direction:column;gap:16px}.split-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}.step{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);transition:opacity .2s}.step.disabled{opacity:.55}.step.disabled .step-body{pointer-events:none}.step-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #f2f3f5}.step-head h2{font-size:15px;font-weight:600}.step-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.step-extra{margin-left:auto;display:flex;align-items:center;gap:12px}.step-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:500;color:var(--text-2)}.field-hint{font-size:12px;color:var(--muted)}.field-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{height:auto;min-height:38px;padding:8px 16px;flex-direction:column;gap:0;align-items:flex-start;background:#fff;color:var(--text);border:1px solid var(--border);font-weight:500}.segmented button:hover:not(:disabled){background:#fff;border-color:var(--primary)}.segmented button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.segmented small{font-size:12px;color:var(--muted);font-weight:400}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:30px;padding:0 12px;background:var(--bg);color:var(--text-2);border-radius:15px;font-weight:400;font-size:13px}.chip:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.chip.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.file-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;padding:24px;border:2px dashed var(--border);border-radius:12px;background:#fafbfc;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.file-picker:hover,.file-picker.dragging{border-color:var(--primary);background:var(--primary-soft)}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.picker-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:22px;margin-bottom:4px}.file-picker strong{font-size:15px}.picker-hint{font-size:12px;color:var(--muted)}.file-picker.compact{min-height:0;aspect-ratio:auto;padding:16px}.file-picker.compact .picker-icon{width:36px;height:36px;font-size:18px;margin:0}.file-picker.compact strong{font-size:13px;color:var(--text-2)}.queue-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.file-queue{display:contents}.queue-item,.result-item{position:relative;margin:0;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:10px;background:#fff}.queue-item figcaption,.result-item figcaption{display:flex;flex-direction:column;font-size:12px;min-width:0}.queue-item figcaption,.result-item figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item small,.result-item small{color:var(--muted)}.queue-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.queue-item:hover .queue-actions{opacity:1}.queue-order{position:absolute;top:12px;left:12px;z-index:1;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--primary);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.thumb{aspect-ratio:1;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#f0f1f3 0,#f0f1f3 25%,#fff 0,#fff 50%) 0 0 / 14px 14px}.thumb img{width:100%;height:100%;object-fit:contain}.file-thumb{background:var(--bg);color:var(--muted);font-weight:600;font-size:13px}.run-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.progress{height:6px;border-radius:3px;background:#f2f3f5;overflow:hidden}.progress div{height:100%;background:var(--primary);transition:width .2s}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.result-item button{height:30px}.result-meta{font-size:12px;color:var(--text-2)}.result-meta dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 6px}.result-meta dt{color:var(--muted)}.result-meta dd{margin:0;word-break:break-all}.stale{opacity:.45}.round-preview{width:120px;height:80px;background:linear-gradient(135deg,#ffb38a,#ff5a1f);transition:border-radius .15s}.split-preview{display:grid;gap:3px;width:180px;aspect-ratio:1}.split-preview span{display:flex;align-items:center;justify-content:center;background:var(--primary-soft);border:1px solid var(--primary-line);color:var(--primary);font-size:11px;border-radius:3px}.video{width:100%;max-height:480px;background:#000;border-radius:10px}.qr-result{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-result img{width:100%;max-width:260px;border:1px solid var(--border);border-radius:10px}.qr-result .empty{width:100%;min-height:260px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats div{background:var(--bg);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.stats span{color:var(--muted);font-size:12px}.stats strong{font-size:20px}.stats .stat-main{background:var(--primary-soft)}.stats .stat-main strong{font-size:26px}.verdict{padding:10px 14px;border-radius:8px;font-weight:600}.verdict.good{background:#e8ffea}.verdict.bad{background:#fff1f0}.result-frame{width:100%;min-height:640px;border:1px solid var(--border);border-radius:10px;background:#fff}.result-text{margin:0;white-space:pre-wrap;word-break:break-all;background:var(--bg);padding:16px;border-radius:10px}@media (max-width: 1080px){.home-top{grid-template-columns:1fr}.countdowns{grid-template-columns:repeat(4,1fr)}}@media (max-width: 860px){.split-layout{grid-template-columns:1fr}}@media (max-width: 768px){.menu-button{display:inline-flex}.topbar{padding:0 12px;gap:8px}.topbar-tip{display:none}.sidebar{position:fixed;left:0;z-index:40;transform:translate(-100%);transition:transform .2s;box-shadow:4px 0 16px #0000001a}.sidebar.open{transform:none}.sidebar-mask{display:block;position:fixed;inset:var(--topbar) 0 0 0;z-index:35;background:#0000004d}.content{padding:14px 12px 40px}.hero{padding:22px 16px}.hero h1{font-size:20px}.search-row button{padding:0 18px}.countdowns{grid-template-columns:1fr 1fr}.link-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.tool-grid{grid-template-columns:1fr 1fr}.tool-card{flex-direction:column;align-items:flex-start;gap:8px}.step-head,.step-body{padding-left:14px;padding-right:14px}.queue-actions{opacity:1}}.top-nav{margin-left:auto;display:flex;align-items:center;gap:4px}.top-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font:inherit;font-weight:400;cursor:pointer}.top-link:hover:not(:disabled){background:var(--bg);color:var(--primary)}.top-link.user-link{background:var(--primary-soft);color:var(--primary);font-weight:500}.top-link.user-link:hover,.top-link.user-link.active{background:var(--primary);color:#fff}.top-menu{position:relative}.top-menu.open>.top-link{background:var(--bg);color:var(--primary)}.popover{position:absolute;top:100%;right:0;z-index:50;margin-top:8px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 32px #0000001f;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}.popover:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.top-menu.open .popover{opacity:1;visibility:visible;transform:none}.qr-popover{width:212px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.qr-popover img{width:180px;height:180px;object-fit:contain;border-radius:8px;margin-bottom:6px}.qr-popover strong{font-size:14px}.qr-popover span{font-size:12px;color:var(--muted)}.profile-top{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.profile-head{display:flex;align-items:center;gap:14px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#ff7a3d,#ff3d1f);color:#fff;font-weight:700;font-size:16px}.profile-id{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-id strong{font-size:17px}.profile-id code{word-break:break-all}.profile-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.openid-form{display:flex;gap:8px}.mini-card .step-body{flex-direction:row;align-items:center;gap:16px}.mini-card img{width:120px;height:120px;flex-shrink:0;object-fit:contain;border-radius:8px;border:1px solid var(--border)}.mini-card p{margin-top:6px;font-size:13px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:11px 12px;border-bottom:1px solid #f2f3f5;text-align:left;white-space:nowrap}.table th{color:var(--muted);font-weight:500;background:#fafbfc}.table tbody tr:hover{background:#fafbfc}.pill{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;background:var(--bg);color:var(--text-2)}.pill.paid{background:#e8ffea;color:var(--good)}.pill.pending{background:#fff7e8;color:var(--warn)}.pill.refunded{background:#fff1f0;color:var(--bad)}.pager{display:flex;align-items:center;justify-content:center;gap:12px}@media (max-width: 860px){.profile-top{grid-template-columns:1fr}}@media (max-width: 768px){.top-link{padding:0 8px;font-size:13px}.brand{font-size:15px}.profile-head{flex-wrap:wrap}.profile-actions{margin-left:0}.mini-card .step-body{flex-direction:column;text-align:center}}@media (max-width: 420px){.brand{font-size:0;gap:0}}.login-panel{display:flex;align-items:center;gap:40px;padding:16px 8px}.login-qr{position:relative;width:220px;height:220px;flex-shrink:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.login-qr img{width:100%;height:100%;object-fit:contain}.login-qr-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted);background:var(--bg);font-size:13px}.login-qr-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:#fffffff0}.login-qr-mask span{font-size:12px;color:var(--muted)}.login-ok{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--good);color:#fff!important;font-size:22px!important}.login-text h2{font-size:20px;margin-bottom:12px}.login-text ol{margin:0 0 12px;padding-left:20px;color:var(--text-2);line-height:2}.login-tip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:8px;background:var(--primary-soft);color:var(--text-2)}.mini-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700}.top-link.user-link:hover .mini-avatar,.top-link.user-link.active .mini-avatar{background:#fff;color:var(--primary)}.info-list{margin:0;display:grid;grid-template-columns:72px 1fr;gap:10px 12px;font-size:13px}.info-list dt{color:var(--muted)}.info-list dd{margin:0;display:flex;align-items:center;gap:10px;min-width:0}.membership-card .step-body{flex-direction:row;align-items:center;justify-content:space-between}.membership-main{display:flex;flex-direction:column;gap:6px}.membership-main strong{font-size:22px}.membership-badge{align-self:flex-start;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:var(--bg);color:var(--muted)}.membership-card.active .membership-badge{background:linear-gradient(135deg,#ffd27a,#ff9a3d);color:#7a3300}.membership-card.active .membership-main strong{color:var(--primary)}.membership-card.expired .membership-badge{background:#fff1f0;color:var(--bad)}.membership-action{display:flex;flex-direction:column;align-items:center;gap:4px}.membership-action img{width:96px;height:96px;object-fit:contain;border:1px solid var(--border);border-radius:8px}@media (max-width: 768px){.login-panel{flex-direction:column;gap:20px;text-align:center}.login-text ol{text-align:left}}img.brand-logo{width:32px;height:32px;flex-shrink:0;border-radius:8px;object-fit:contain;background:none}.content{display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar))}.content>.home,.content>.tool-page{width:100%}.site-footer{margin-top:auto;padding-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;color:var(--muted);text-align:center}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--primary);text-decoration:underline}.step.disabled{opacity:1}.step.disabled .step-index{background:#c9cdd4}.step.disabled .step-head h2{color:var(--muted)}.step-lock{margin-left:auto;font-size:12px;color:var(--muted)}.step.disabled .step-body input,.step.disabled .step-body select,.step.disabled .step-body textarea{background:#f7f8fa;color:var(--text-2)}button:disabled,.button.disabled,button.primary-lg:disabled,.button.primary-lg.disabled{opacity:1;background:#f2f3f5;border-color:#e5e6eb;color:#a9aeb8;box-shadow:none}.link-button:disabled{background:none;border:0;color:#a9aeb8}.segmented button{position:relative;border:1px solid #d9dce1;background:#fff;color:var(--text)}.segmented button small{color:var(--text-2)}.segmented button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.segmented button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600;box-shadow:inset 0 0 0 1px var(--primary)}.segmented button.active small{color:var(--primary-dark)}.segmented button.active:after{content:"✓";position:absolute;top:-1px;right:-1px;width:18px;height:18px;border-radius:0 8px;background:var(--primary);color:#fff;font-size:11px;line-height:18px;text-align:center}.chip{border:1px solid #e5e6eb;background:#fff;color:var(--text)}.chip:hover:not(:disabled){border-color:var(--primary);background:#fff;color:var(--primary)}.chip.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:500}.chip.active:hover:not(:disabled){background:var(--primary-dark);color:#fff}.field-label{color:var(--text)}input,select,textarea{border-color:#d9dce1}.stale{opacity:1;position:relative}.stale .result-item{border-style:dashed;border-color:var(--warn)}.media-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-width:560px}.media-preset{position:relative;height:auto;min-height:52px;padding:8px 12px;flex-direction:column;gap:2px;border:1px solid #d9dce1;border-radius:8px;background:#fff;color:var(--text);font-weight:500}.media-preset small{font-size:12px;font-weight:400;color:var(--muted)}.media-preset:hover:not(:disabled){border-color:var(--primary);background:#fff;color:var(--primary)}.media-preset.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600;box-shadow:inset 0 0 0 1px var(--primary)}.media-preset.active small{color:var(--primary-dark)}.media-preset.active:after{content:"✓";position:absolute;top:-1px;right:-1px;width:18px;height:18px;border-radius:0 8px;background:var(--primary);color:#fff;font-size:11px;line-height:18px;text-align:center}.media-preset.active:hover:not(:disabled){background:var(--primary-soft)}@media (max-width: 768px){.media-presets{grid-template-columns:repeat(3,1fr)}}.crop-editor{display:flex;justify-content:center;padding:16px;border-radius:10px;background:repeating-conic-gradient(#eceef1 0,#eceef1 25%,#f7f8fa 0,#f7f8fa 50%) 0 0 / 16px 16px}.crop-stage{position:relative;display:inline-block;max-width:100%;overflow:hidden;line-height:0;user-select:none;-webkit-user-select:none}.crop-stage img{display:block;max-width:100%;max-height:480px;pointer-events:none}.crop-box{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 9999px #0000008c,0 0 0 1px #00000059;cursor:move;touch-action:none;outline:none}.crop-box:focus-visible{border-color:var(--primary)}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),rgba(255,255,255,.55) calc(33.333% - .5px),rgba(255,255,255,.55) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.55) calc(66.666% - .5px),rgba(255,255,255,.55) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),rgba(255,255,255,.55) calc(33.333% - .5px),rgba(255,255,255,.55) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.55) calc(66.666% - .5px),rgba(255,255,255,.55) calc(66.666% + .5px),transparent calc(66.666% + .5px))}.crop-handle{position:absolute;width:14px;height:14px;border:2px solid var(--primary);border-radius:3px;background:#fff;touch-action:none}.crop-handle.nw{top:-8px;left:-8px;cursor:nwse-resize}.crop-handle.ne{top:-8px;right:-8px;cursor:nesw-resize}.crop-handle.sw{bottom:-8px;left:-8px;cursor:nesw-resize}.crop-handle.se{bottom:-8px;right:-8px;cursor:nwse-resize}@media (pointer: coarse){.crop-handle{width:22px;height:22px}.crop-handle.nw{top:-12px;left:-12px}.crop-handle.ne{top:-12px;right:-12px}.crop-handle.sw{bottom:-12px;left:-12px}.crop-handle.se{bottom:-12px;right:-12px}}.crop-size{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:4px;background:#0009;color:#fff;font-size:12px;line-height:18px;white-space:nowrap;pointer-events:none}.crop-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.crop-thumb{position:relative;flex-shrink:0;width:64px;height:64px;padding:0;border:2px solid #e5e6eb;border-radius:8px;background:#fff;overflow:hidden}.crop-thumb .thumb{width:100%;height:100%;border-radius:0}.crop-thumb>span{position:absolute;left:2px;bottom:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#0000008c;color:#fff;font-size:11px;line-height:16px}.crop-thumb:hover:not(:disabled){background:#fff;border-color:var(--primary-line)}.crop-thumb.active{border-color:var(--primary)}.crop-thumb.active>span{background:var(--primary)}.crop-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-2)}.crop-info .link-button{margin-left:auto}.top-link.active:not(.user-link){background:var(--primary-soft);color:var(--primary);font-weight:500}.calculator-page{max-width:1240px}.calculator-toolbar{position:sticky;top:var(--topbar);z-index:5;display:flex;flex-direction:column;gap:12px;padding:12px 0;background:var(--bg)}.calc-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;overflow:hidden;border-radius:16px;color:#fff;background:radial-gradient(circle at 92% 18%,rgba(255,122,61,.45),transparent 42%),linear-gradient(135deg,#1f2433,#2b3245 55%,#3a2a2a)}.calc-hero:after{content:"+ − × ÷ = %";position:absolute;right:24px;bottom:-14px;font:700 64px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:12px;color:#ffffff0f;pointer-events:none;white-space:nowrap}.calc-hero-text{position:relative;z-index:1;max-width:640px}.calc-hero-badge{display:inline-block;padding:3px 10px;margin-bottom:10px;border-radius:12px;background:#ffffff1f;font-size:12px}.calc-hero h1{font-size:26px;font-weight:700;letter-spacing:.5px}.calc-hero p{margin-top:8px;color:#ffffffbf;line-height:1.7}.calc-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,88px);gap:10px;margin:0;flex-shrink:0}.calc-hero-stats div{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#00000040;text-align:center}.calc-hero-stats dt{font-size:12px;color:#fff9}.calc-hero-stats dd{margin:2px 0 0;font:700 26px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ffb27a;font-variant-numeric:tabular-nums}.calc-tabs{display:flex;flex-wrap:wrap;gap:8px}.calc-tab{height:36px;padding:0 12px 0 10px;border:1px solid #e5e6eb;border-radius:18px;background:#fff;color:var(--text);font-weight:500}.calc-tab:hover:not(:disabled){border-color:var(--accent);background:#fff;color:var(--accent)}.calc-tab small{min-width:20px;padding:0 6px;border-radius:9px;background:var(--bg);color:var(--muted);font-size:12px;line-height:18px}.calc-tab.active,.calc-tab.active:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}.calc-tab.active small{background:#ffffff40;color:#fff}.calculator-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calc-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:220px;max-width:380px}.calc-search-wrap>span{position:absolute;left:11px;font-size:13px;pointer-events:none}.calc-search{padding-left:32px}.calc-count{margin-left:auto}.formula-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.formula-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);scroll-margin-top:calc(var(--topbar) + 140px);transition:border-color .15s,box-shadow .15s}.formula-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent)}.formula-card:hover,.formula-card:focus-within{border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 14%,transparent)}.formula-head{display:flex;align-items:center;gap:10px}.formula-head h2{font-size:15px;font-weight:600}.formula-index{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.formula-tag{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:500;white-space:nowrap}.formula-expression{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border:1px solid #edeef1;border-radius:8px;background:#f8f9fb;color:var(--text-2);font-size:13px;line-height:1.6}.formula-expression .fx{flex-shrink:0;padding:0 6px;border-radius:4px;background:var(--accent);color:#fff;font:italic 700 12px/20px Georgia,Times New Roman,serif}.formula-expression b{color:var(--accent);font-weight:600}.formula-expression i{font-style:normal;color:var(--muted)}.formula-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.formula-input{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-2)}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{padding-right:38px;font-variant-numeric:tabular-nums;font-weight:500}.input-with-unit input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.input-with-unit input::placeholder{color:#c9cdd4;font-weight:400}.input-with-unit em{position:absolute;right:10px;font-style:normal;font-size:12px;color:var(--muted);pointer-events:none}.formula-display{margin-top:auto;padding:12px 14px 10px;border-radius:10px;background:linear-gradient(180deg,#23283a,#1b1f2d);box-shadow:inset 0 2px 6px #00000059;color:#fff}.display-label{display:flex;justify-content:space-between;font-size:12px;color:#ffffff8c}.display-progress{font-variant-numeric:tabular-nums}.formula-display.ready .display-progress{color:#7ee2a8}.display-value{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-height:40px;margin:4px 0 8px;font-family:ui-monospace,SFMono-Regular,Consolas,Courier New,monospace;font-variant-numeric:tabular-nums;overflow:hidden}.display-number{font-size:30px;font-weight:700;line-height:1.2;color:#ffb27a;text-shadow:0 0 12px rgba(255,140,70,.35);word-break:break-all}.display-unit{font-size:14px;color:#ffffffb3}.display-placeholder{font-size:30px;font-weight:700;line-height:1.2;color:#ffffff2e}.display-error{font-size:14px;line-height:40px;color:#ff8a8a}.display-actions{display:flex;justify-content:flex-end;gap:8px}.display-actions button{height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff14;color:#ffffffd9;font-size:12px;font-weight:400}.display-actions button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.display-actions button:disabled{background:transparent;border-color:#ffffff14;color:#ffffff40}.calc-guide ol{margin:0;padding-left:20px;color:var(--text-2);line-height:2}@media (max-width: 860px){.calc-hero{flex-direction:column;align-items:flex-start;padding:22px 18px}.calc-hero-stats{grid-template-columns:repeat(3,1fr);width:100%}}@media (max-width: 768px){.formula-grid{grid-template-columns:1fr}.top-link-text{display:none}.calculator-toolbar{position:static}.calc-hero h1{font-size:20px}.calc-count{margin-left:0}}.color-field{display:inline-flex;align-items:center;gap:10px}.color-field code{color:var(--text-2)}.color-actions{display:flex;gap:16px;margin-top:-6px}.logo-picked{display:flex;align-items:center;gap:12px}.logo-picked .thumb{width:48px;height:48px;flex-shrink:0}.logo-picked>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.logo-picked .file-picker.compact{flex-direction:row;padding:6px 12px;border-width:1px}.logo-picked .file-picker.compact .picker-icon{width:22px;height:22px;font-size:14px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e5e6eb 25%,transparent 25%,transparent 75%,#e5e6eb 75%),linear-gradient(45deg,#e5e6eb 25%,transparent 25%,transparent 75%,#e5e6eb 75%);background-size:16px 16px;background-position:0 0,8px 8px}.ai-source{display:flex;align-items:center;gap:16px}.ai-source img{max-width:220px;max-height:160px;border-radius:8px;object-fit:contain;background:var(--bg)}.ai-progress{display:flex;flex-direction:column;gap:6px}.ai-progress-text{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2)}.progress.indeterminate div{width:30%!important;animation:ai-indeterminate 1.2s ease-in-out infinite}@keyframes ai-indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.ai-result{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ai-result.stale{opacity:.5}.ai-meta{margin:0}.ai-canvas{display:block;max-width:100%;max-height:560px;border-radius:8px;border:1px solid #e5e6eb}.compare-wrap{display:flex;flex-direction:column;gap:8px;max-width:100%}.compare{position:relative;display:inline-block;max-width:100%;border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none}.compare img{display:block;max-width:100%;max-height:560px}.compare .compare-top{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none}.compare-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 4px #0006;pointer-events:none}.compare-tag{position:absolute;top:8px;padding:2px 8px;border-radius:4px;background:#0000008c;color:#fff;font-size:12px}.compare-tag.left{left:8px}.compare-tag.right{right:8px}.swatch{display:inline-block;width:14px;height:14px;margin-right:6px;border-radius:3px;border:1px solid #c9cdd4;background-size:8px 8px;background-position:0 0,4px 4px}.chip input[type=color]{width:18px;height:18px;margin-right:6px;padding:0;border:0;background:none;cursor:pointer}.seg-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seg-pane{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.seg-title{font-size:13px;color:var(--muted)}.seg-stage{position:relative;display:inline-block;max-width:100%;line-height:0}.seg-stage img{display:block;max-width:100%;max-height:520px;border-radius:8px;cursor:crosshair;-webkit-user-select:none;user-select:none}.seg-dot{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #fff;background:#00b42a;color:#fff;font-size:14px;font-weight:700;line-height:14px;text-align:center;box-shadow:0 1px 4px #0006;pointer-events:none}.seg-dot.exclude{background:#f53f3f}.seg-stage.has-preview>img:first-child{filter:brightness(.45) saturate(.6)}.seg-stage img.seg-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;pointer-events:none}.sub-stage{touch-action:none}.sub-stage.disabled img{cursor:default}.sub-rect{position:absolute;box-sizing:border-box;border:calc(2px * var(--zi, 1)) solid #f53f3f;background:#f53f3f2e;border-radius:2px}.sub-rect.auto{border-style:dashed;border-color:#ff7d00;background:#ff7d002e}.sub-rect.drawing{border-style:dashed;pointer-events:none}.sub-rect-x{position:absolute;top:0;right:0;transform-origin:top right;transform:scale(var(--zi, 1)) translate(50%,-50%);width:18px;height:18px;padding:0;border:2px solid #fff;border-radius:50%;background:#1d2129;color:#fff;font-size:12px;line-height:12px;cursor:pointer;box-shadow:0 1px 4px #0006}.zoom-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.zoom-viewport{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:8px;line-height:0}.zoom-content{transform-origin:0 0;will-change:transform}.zoom-viewport.pan,.zoom-viewport.pan *{cursor:grab!important}.zoom-viewport.panning,.zoom-viewport.panning *{cursor:grabbing!important}.zoom-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-size:12px;line-height:1}.zoom-bar button{min-width:28px;height:26px;padding:0 8px;border:1px solid #e5e6eb;border-radius:6px;background:#fff;color:var(--text-2);font-size:12px;cursor:pointer}.zoom-bar button:hover:not(:disabled){border-color:#c9cdd4}.zoom-bar button:disabled{opacity:.45;cursor:default}.zoom-level{min-width:44px;text-align:center;color:var(--text-2)}.zoom-hint{color:var(--muted)}.erase-stage{touch-action:none}.erase-stage img{cursor:none}.erase-stage.disabled img{cursor:default}.erase-mask{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.5;pointer-events:none;border-radius:8px}.erase-cursor{position:absolute;left:0;top:0;display:none;box-sizing:border-box;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c;pointer-events:none}.wb-caption-row{display:flex;align-items:center;gap:12px}.wb-caption-row>span:first-child{flex:1;min-width:0}.wb-caption-error{color:var(--bad);font-size:12px}.wb-replace{flex-shrink:0;color:var(--primary);font-size:12px;cursor:pointer}.wb-replace:hover{text-decoration:underline}.wb-replace.disabled{color:var(--muted);cursor:default;text-decoration:none}.wb-views{max-width:220px;margin-bottom:12px}.seg-pane .empty{width:100%;min-height:200px}@media (max-width: 760px){.seg-layout{grid-template-columns:1fr}}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wb{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.wb-main,.wb-aside{display:flex;flex-direction:column;gap:16px;min-width:0}.wb-empty{display:flex;flex-direction:column;gap:12px;max-width:720px;width:100%;margin:0 auto}.wb-main>.wb-empty{max-width:none}.wb-main>.wb-empty .file-picker{min-height:420px;justify-content:center}.wb-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.wb-controls{display:flex;flex-direction:column;gap:20px}.wb-controls.locked{opacity:.6;pointer-events:none}.wb-section{display:flex;flex-direction:column;gap:8px}.wb-label{font-size:12px;font-weight:500;color:var(--muted)}.wb-note{font-size:12px;color:var(--muted)}.wb-note.center{text-align:center}.wb-models{display:flex;flex-direction:column;gap:6px}button.wb-model,.wb-model{display:flex;flex-direction:column;align-items:stretch;gap:2px;height:auto;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-weight:400;text-align:left;white-space:normal}button.wb-model:hover:not(:disabled){background:#fff;border-color:#c9cdd4}button.wb-model.active,.wb-model.active{border-color:var(--primary);background:var(--primary-soft)}button.wb-model.active:hover:not(:disabled){background:var(--primary-soft)}.wb-model-head{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:500}.wb-model-head .mono{font-size:12px;font-weight:400;color:var(--muted)}.wb-model-note{font-size:12px;color:var(--muted)}.wb-toggle{display:flex;gap:8px}.wb-toggle button{flex:1;height:34px;border:1px solid var(--border);background:#fff;color:var(--text-2)}.wb-toggle button:hover:not(:disabled){background:#fff;border-color:#c9cdd4}.wb-toggle button.active,.wb-toggle button.active:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:#fff}.wb-toggle button.active.drop,.wb-toggle button.active.drop:hover:not(:disabled){border-color:var(--bad);background:var(--bad)}.wb-toggle.plain button{font-size:13px}.wb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}button.wb-swatch{height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff}button.wb-swatch:hover:not(:disabled){background:#fff;border-color:#c9cdd4}button.wb-swatch.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}button.wb-swatch:disabled{opacity:.4;pointer-events:none}.wb-swatch span{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background-size:8px 8px;background-position:0 0,4px 4px}.wb-run{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px 0 8px;border-top:1px solid var(--border);background:#f4f5f7f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wb-run p{font-size:11px;color:var(--muted);text-align:center}button.wb-run-btn{width:100%;height:46px;border-radius:12px;font-size:15px}button.wb-run-btn:disabled{opacity:.6}.wb-figure{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.wb-figure figcaption{font-size:12px;font-weight:500;color:var(--muted)}.wb-figure figcaption.center{text-align:center;font-weight:400}.wb-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}.wb-frame img{display:block;max-width:100%;max-height:65vh;object-fit:contain}.wb-frame.pick{padding:8px;background:#fafafa}.wb-frame.pick .seg-stage img{max-height:60vh}.wb-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.wb-result{display:flex;flex-direction:column;min-width:0}.wb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;margin-top:26px;padding:24px;border:1px dashed #c9cdd4;border-radius:16px;background:#fafafa;text-align:center}.wb-placeholder-icon{font-size:24px}.wb-placeholder strong{font-size:14px;color:var(--text-2)}.wb-placeholder p{max-width:280px;font-size:12px;color:var(--muted)}.wb-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid;border-radius:12px;font-size:13px;line-height:1.6}.wb-banner.error{border-color:#fdcdc5;background:#fff1f0;color:#a8071a}.wb-banner.warn{border-color:#ffe4ba;background:#fff7e8;color:#ad4e00}.wb-banner.small{padding:8px 12px;font-size:12px}button.wb-dismiss{flex-shrink:0;height:auto;padding:0;border:0;background:none;color:inherit;opacity:.6}button.wb-dismiss:hover:not(:disabled){background:none;opacity:1}.wb-notes{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted)}.cmp-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.cmp{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}.cmp-bar,.cmp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 12px}.cmp-bar{border-bottom:1px solid var(--border)}.cmp-foot{padding:10px 12px;border-top:1px solid var(--border)}.cmp-tabs{display:flex;gap:4px}button.cmp-tab{height:28px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-size:12px}button.cmp-tab:hover:not(:disabled){background:var(--bg)}button.cmp-tab.active,button.cmp-tab.active:hover:not(:disabled){background:#1d2129;color:#fff}.cmp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--muted)}.cmp-meta b{margin-right:8px;font-weight:400;color:#c9cdd4}.cmp-backend{display:inline-flex;align-items:center;gap:6px}.cmp-backend i{width:6px;height:6px;border-radius:50%;background:#00b42a}.cmp-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;-webkit-user-select:none;user-select:none}.cmp-stage.draggable{cursor:ew-resize;touch-action:none}.cmp-spacer{display:block;width:100%;max-height:65vh;object-fit:contain;opacity:0}.cmp-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.cmp-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #00000040;pointer-events:none}.cmp-handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0000001a,0 2px 6px #00000026;color:#4e5969;transform:translate(-50%,-50%)}.cmp-handle svg{width:16px;height:16px}.cmp-tag{position:absolute;top:12px;padding:2px 8px;border-radius:6px;background:#0009;color:#fff;font-size:12px;font-weight:500;pointer-events:none}.cmp-tag.left{left:12px}.cmp-tag.right{right:12px}.cmp-tag.peek{background:var(--primary)}.cmp-keys{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:var(--muted)}.cmp-keys span{display:inline-flex;align-items:center;gap:6px}.cmp-keys kbd{padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:#fafafa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.cmp-actions{display:flex;gap:8px}button.cmp-btn{height:34px;padding:0 12px;border-radius:10px;font-size:12px}button.cmp-btn svg{width:14px;height:14px}button.cmp-btn.ghost{border-color:#c9cdd4;background:#fff;color:var(--text)}button.cmp-btn.ghost:hover:not(:disabled){background:#fafafa}button.cmp-btn.dark{background:#1d2129;color:#fff}button.cmp-btn.dark:hover:not(:disabled){background:#4e5969}button.cmp-btn .mono{opacity:.7}.cmp-hint{font-size:12px;color:var(--muted);text-align:center}@media (max-width: 1100px){.wb-split{grid-template-columns:1fr}.wb-placeholder{margin-top:0}}@media (max-width: 900px){.wb{grid-template-columns:1fr}}.cmp-layer.pixelated{image-rendering:pixelated}.wb-note.warn{color:var(--warn)}.wb-range{width:100%;accent-color:var(--primary)}.wb-swatches{grid-template-columns:repeat(5,1fr)}.wb-swatch.picker{position:relative;display:flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.wb-swatch.picker:hover{border-color:#c9cdd4}.wb-swatch.picker.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.wb-swatch.picker.disabled{opacity:.4;pointer-events:none}.wb-swatch .rainbow{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.wb-swatch.picker input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.wb-hex{display:flex;align-items:center;gap:8px}.wb-hex-dot{flex-shrink:0;width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.wb-hex input{width:92px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;text-transform:lowercase}.wb-hex input:focus{outline:none;border-color:var(--primary)}.wb-model-tech{margin-left:6px;font-size:11px;font-weight:400;color:var(--muted)}