:root{color-scheme:light;--app-page: #f4f6f8;--app-surface: #ffffff;--app-sunken: #f8fafb;--app-raised: #ffffff;--app-overlay: rgba(17, 22, 28, .42);--app-line: #e5e8ed;--app-line-soft: #eef1f4;--app-line-strong: #d2d8e0;--app-ink: #1b1f24;--app-ink-2: #58616e;--app-ink-3: #8b94a1;--app-ink-inverse: #ffffff;--brand-50: #e9f6f1;--brand-100: #cdeade;--brand-300: #6fc9a6;--brand-500: #12946a;--brand-600: #0d7d59;--brand-700: #096345;--brand-ink: #ffffff;--gold-50: #fdf4e4;--gold-200: #f3ddb2;--gold-500: #c4831c;--gold-600: #a56c11;--ok-50: #e9f6f1;--ok-500: #12946a;--warn-50: #fdf3e3;--warn-500: #c4831c;--err-50: #fdedeb;--err-500: #d0463a;--info-50: #eaf1fc;--info-500: #2f6fd0;--idle-50: #eef1f4;--idle-500: #6b7583;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(19, 27, 38, .05);--sh-2: 0 2px 8px rgba(19, 27, 38, .06), 0 1px 2px rgba(19, 27, 38, .04);--sh-3: 0 8px 24px rgba(19, 27, 38, .09), 0 2px 6px rgba(19, 27, 38, .05);--sh-4: 0 24px 60px rgba(19, 27, 38, .16), 0 6px 18px rgba(19, 27, 38, .08);--sh-focus: 0 0 0 3px rgba(18, 148, 106, .16);--nav-w: 224px;--nav-w-mini: 64px;--topbar-h: 56px;--gap: 16px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .16s}[data-theme=dark]{color-scheme:dark;--app-page: #0f1216;--app-surface: #181c22;--app-sunken: #14181d;--app-raised: #1e232a;--app-overlay: rgba(4, 7, 10, .62);--app-line: #272d35;--app-line-soft: #21262d;--app-line-strong: #39414b;--app-ink: #e6eaf0;--app-ink-2: #a3adba;--app-ink-3: #737e8c;--app-ink-inverse: #0f1216;--brand-50: #10281f;--brand-100: #16382b;--brand-300: #2f8c68;--brand-500: #2fbe8c;--brand-600: #26a97b;--brand-700: #1d8a64;--brand-ink: #06120d;--gold-50: #2c2313;--gold-200: #4b3b1c;--gold-500: #e0a94a;--gold-600: #c8913a;--ok-50: #10281f;--ok-500: #2fbe8c;--warn-50: #2c2313;--warn-500: #e0a94a;--err-50: #301a18;--err-500: #f07364;--info-50: #16223a;--info-500: #6ba1f0;--idle-50: #21262d;--idle-500: #97a1af;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 2px 8px rgba(0, 0, 0, .42), 0 1px 2px rgba(0, 0, 0, .3);--sh-3: 0 8px 24px rgba(0, 0, 0, .48), 0 2px 6px rgba(0, 0, 0, .32);--sh-4: 0 24px 60px rgba(0, 0, 0, .6), 0 6px 18px rgba(0, 0, 0, .4);--sh-focus: 0 0 0 3px rgba(47, 190, 140, .22)}.wb,.wb *,.wb *:before,.wb *:after{box-sizing:border-box}.wb{font-family:var(--font);color:var(--app-ink);background:var(--app-page);min-height:100vh;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.wb button,.wb input,.wb select,.wb textarea{font:inherit;color:inherit}.wb h1,.wb h2,.wb h3,.wb h4,.wb p,.wb figure{margin:0}.wb ul,.wb ol{margin:0;padding:0;list-style:none}.wb a{color:var(--brand-600);text-decoration:none}.wb a:hover{text-decoration:underline}.wb :focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.wb ::-webkit-scrollbar{width:10px;height:10px}.wb ::-webkit-scrollbar-thumb{background:var(--app-line-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-pill)}.wb ::-webkit-scrollbar-thumb:hover{background:var(--app-ink-3);background-clip:content-box}.wb-shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);min-height:100vh;transition:grid-template-columns var(--dur) var(--ease)}.wb-shell.is-mini{grid-template-columns:var(--nav-w-mini) minmax(0,1fr)}.wb-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--app-surface);border-right:1px solid var(--app-line);z-index:30}.wb-brand{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 16px;border-bottom:1px solid var(--app-line-soft);flex:none}.wb-brand-mark{width:28px;height:28px;flex:none;border-radius:8px;background:linear-gradient(140deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;color:#fff;box-shadow:var(--sh-1)}.wb-brand-name{font-weight:650;letter-spacing:.2px;white-space:nowrap;overflow:hidden}.wb-brand-name small{display:block;font-weight:400;font-size:11px;color:var(--app-ink-3);letter-spacing:.6px}.is-mini .wb-brand-name{display:none}.wb-nav-scroll{flex:1;overflow-y:auto;padding:10px 10px 16px}.wb-nav-group{margin-top:14px}.wb-nav-group:first-child{margin-top:4px}.wb-nav-title{font-size:11px;letter-spacing:1px;color:var(--app-ink-3);padding:0 10px 6px;text-transform:uppercase}.is-mini .wb-nav .wb-nav-title{text-align:center;font-size:0;padding-bottom:10px}.is-mini .wb-nav .wb-nav-title:after{content:"";display:block;height:1px;background:var(--app-line-soft)}.wb-sublabel{font-size:11.5px;font-weight:600;color:var(--app-ink-3);padding:0 2px 6px}.wb-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--app-ink-2);cursor:pointer;text-align:left;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.wb-nav-item+.wb-nav-item{margin-top:2px}.wb-nav-item svg{flex:none}.wb-nav-item:hover{background:var(--app-sunken);color:var(--app-ink)}.wb-nav-item.is-active{background:var(--brand-50);color:var(--brand-600);font-weight:600}.wb-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-mini .wb-nav-item{justify-content:center;padding:10px 0}.is-mini .wb-nav-item span{display:none}.wb-nav-badge{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-pill);background:var(--brand-500);color:var(--brand-ink);font-size:11px;font-weight:600;display:grid;place-items:center}.is-mini .wb-nav-badge{display:none}.wb-nav-foot{flex:none;border-top:1px solid var(--app-line-soft);padding:10px}.wb-quota{background:var(--app-sunken);border:1px solid var(--app-line-soft);border-radius:var(--r-md);padding:10px 12px}.is-mini .wb-nav-foot .wb-quota{display:none}.wb-quota-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--app-ink-2)}.wb-quota-row>span:first-child{flex:none;white-space:nowrap}.wb-quota-row>:last-child{margin-left:auto;min-width:0;color:var(--app-ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.wb-export-rules .wb-quota-row,.wb-export-summary .wb-quota-row{align-items:flex-start}.wb-export-rules .wb-quota-row>:last-child,.wb-export-summary .wb-quota-row>:last-child{max-width:72%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.wb-quota-row>b,.wb-quota-row>strong{font-size:14px}.wb-quota-note{margin-top:1px;font-size:11.5px;line-height:1.5;color:var(--app-ink-3);text-align:right}.wb-meter{height:5px;border-radius:var(--r-pill);background:var(--app-line);overflow:hidden;margin-top:7px}.wb-meter>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-500),var(--brand-300));transition:width .4s var(--ease)}.wb-meter.is-warn>i{background:linear-gradient(90deg,var(--gold-500),var(--gold-200))}.wb-meter.is-full>i{background:var(--err-500)}.wb-main{min-width:0;display:flex;flex-direction:column}.wb-topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 20px;background:color-mix(in srgb,var(--app-surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--app-line)}.wb-crumb{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--app-ink-3)}.wb-nav-toggle{display:none}.wb-crumb b{color:var(--app-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-crumb-link{border:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;transition:color var(--dur) var(--ease)}.wb-crumb-link:hover{color:var(--brand-600)}.wb-topbar-spacer{flex:1}.wb-icon-btn{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--app-ink-2);cursor:pointer;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.wb-icon-btn:hover{background:var(--app-sunken);color:var(--app-ink)}.wb-icon-btn.has-dot:after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 2px var(--app-surface)}.wb-credit-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--gold-200);background:var(--gold-50);color:var(--gold-600);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer}.wb-credit-pill:hover{filter:brightness(.98)}.wb-user{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 4px;border-radius:var(--r-pill);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--app-ink)}.wb-user:hover{background:var(--app-sunken)}.wb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--app-sunken);flex:none;display:grid;place-items:center;color:var(--app-ink-3);border:1px solid var(--app-line)}.wb-avatar.is-lg{width:44px;height:44px}.wb-user-meta{text-align:left;line-height:1.25;max-width:130px}.wb-user-meta b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-user-meta small{color:var(--app-ink-3);font-size:11px}.wb-pop{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--app-raised);border:1px solid var(--app-line);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:6px;z-index:60;animation:wb-pop-in .14s var(--ease)}@keyframes wb-pop-in{0%{opacity:0;transform:translateY(-4px)}}.wb-pop-head{padding:10px 12px;border-bottom:1px solid var(--app-line-soft);margin-bottom:6px}.wb-pop-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;color:var(--app-ink-2);text-align:left}.wb-pop-item:hover{background:var(--app-sunken);color:var(--app-ink)}.wb-pop-item.is-danger{color:var(--err-500)}.wb-pop-item.is-danger:hover{background:var(--err-50)}.wb-pop-empty{display:block;padding:8px 12px;font-size:12.5px;line-height:1.7;color:var(--app-ink-3)}.wb-anchor{position:relative}.wb-page{flex:1;padding:20px 24px 48px;max-width:1560px;width:100%;margin:0 auto}.wb-page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.wb-page-head h1{font-size:20px;font-weight:650;letter-spacing:-.2px}.wb-page-head p{color:var(--app-ink-2);font-size:13px;margin-top:3px;max-width:70ch}.wb-page-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.wb-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.wb-card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--app-line-soft)}.wb-card-head h3{font-size:14px;font-weight:650}.wb-card-head .wb-spacer{flex:1}.wb-card-body{padding:18px}.wb-card-body.is-flush{padding:0}.wb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--app-line-strong);background:var(--app-surface);color:var(--app-ink);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.wb-btn:hover:not(:disabled){border-color:var(--brand-300);color:var(--brand-600)}.wb-btn:active:not(:disabled){transform:translateY(1px)}.wb-btn:disabled{opacity:.5;cursor:not-allowed}.wb-btn.is-primary{background:var(--brand-500);border-color:var(--brand-500);color:var(--brand-ink);box-shadow:var(--sh-1)}.wb-btn.is-primary:hover:not(:disabled){background:var(--brand-600);border-color:var(--brand-600);color:var(--brand-ink)}.wb-btn.is-ghost{border-color:transparent;background:transparent;color:var(--app-ink-2)}.wb-btn.is-ghost:hover:not(:disabled){background:var(--app-sunken);color:var(--app-ink)}.wb-btn.is-soft{border-color:transparent;background:var(--brand-50);color:var(--brand-600)}.wb-btn.is-soft:hover:not(:disabled){background:var(--brand-100)}.wb-btn.is-danger{border-color:transparent;background:var(--err-50);color:var(--err-500)}.wb-btn.is-danger:hover:not(:disabled){background:var(--err-500);color:#fff}.wb-btn.is-sm{height:28px;padding:0 10px;font-size:12px;border-radius:var(--r-sm)}.wb-btn.is-lg{height:42px;padding:0 22px;font-size:14px;border-radius:var(--r-md)}.wb-btn.is-block{width:100%}.wb-btn.is-icon{width:34px;padding:0}.wb-btn.is-icon.is-sm{width:28px}.wb-spin{animation:wb-spin .9s linear infinite}@keyframes wb-spin{to{transform:rotate(360deg)}}.wb-field{display:block;margin-bottom:14px}.wb-field>span{display:block;font-size:12px;font-weight:600;color:var(--app-ink-2);margin-bottom:6px}.wb-field>span em{font-style:normal;color:var(--err-500);margin-left:2px}.wb-field small{display:block;color:var(--app-ink-3);font-size:12px;margin-top:5px}.wb-input,.wb-select,.wb-textarea{width:100%;min-height:34px;padding:6px 11px;border:1px solid var(--app-line-strong);border-radius:var(--r-md);background:var(--app-surface);color:var(--app-ink);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.wb-textarea{min-height:96px;padding:9px 11px;resize:vertical;line-height:1.65}.wb-input::placeholder,.wb-textarea::placeholder{color:var(--app-ink-3)}.wb-input:focus,.wb-select:focus,.wb-textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--sh-focus)}.wb-input:disabled,.wb-select:disabled,.wb-textarea:disabled{background:var(--app-sunken);color:var(--app-ink-3);cursor:not-allowed}.wb-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.wb-input-group{display:flex;gap:8px;align-items:center}.wb-search{position:relative;flex:1;min-width:180px}.wb-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--app-ink-3);pointer-events:none}.wb-search .wb-input{padding-left:32px}.wb-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--app-ink-2)}.wb-check input{width:15px;height:15px;accent-color:var(--brand-500);cursor:pointer;flex:none}.wb-check:hover{color:var(--app-ink)}.wb-check:has(.wb-checklabel){align-items:flex-start}.wb-check:has(.wb-checklabel) input{margin-top:2px}.wb-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.wb-switch input{position:absolute;opacity:0;pointer-events:none}.wb-switch i{width:34px;height:20px;border-radius:var(--r-pill);background:var(--app-line-strong);position:relative;transition:background var(--dur) var(--ease);flex:none}.wb-switch i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform var(--dur) var(--ease)}.wb-switch input:checked+i{background:var(--brand-500)}.wb-switch input:checked+i:after{transform:translate(14px)}.wb-switch input:disabled+i{opacity:.5;cursor:not-allowed}.wb-seg{display:inline-flex;padding:3px;gap:2px;background:var(--app-sunken);border:1px solid var(--app-line-soft);border-radius:var(--r-md)}.wb-seg button{height:26px;padding:0 12px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--app-ink-2);font-size:12.5px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.wb-seg button:hover{color:var(--app-ink)}.wb-seg button.is-active{background:var(--app-surface);color:var(--app-ink);font-weight:600;box-shadow:var(--sh-1)}.wb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--app-line);margin-bottom:18px;overflow-x:auto}.wb-tabs button{border:0;background:transparent;padding:9px 14px;color:var(--app-ink-2);cursor:pointer;position:relative;white-space:nowrap;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}.wb-tabs button:hover{color:var(--app-ink)}.wb-tabs button.is-active{color:var(--brand-600);font-weight:600}.wb-tabs button.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--brand-500)}.wb-job-filterbar{display:flex;align-items:center;gap:14px;min-width:0;padding:10px 14px 12px}.wb-job-filterbar>.wb-tabs{flex:1;min-width:0;margin:0}.wb-job-filter-controls{display:flex;align-items:center;gap:13px;flex:none}@media (max-width: 1180px){.wb-job-filterbar{align-items:stretch;flex-wrap:wrap}.wb-job-filterbar>.wb-tabs{flex-basis:100%}.wb-job-filter-controls{width:100%;justify-content:space-between}}@media (max-width: 680px){.wb-job-filter-controls{align-items:stretch;flex-wrap:wrap}.wb-job-filter-controls .wb-select{width:100%!important}}.wb-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--r-pill);font-size:12px;font-weight:500;background:var(--idle-50);color:var(--idle-500);white-space:nowrap}.wb-tag.is-ok{background:var(--ok-50);color:var(--ok-500)}.wb-tag.is-warn{background:var(--warn-50);color:var(--warn-500)}.wb-tag.is-err{background:var(--err-50);color:var(--err-500)}.wb-tag.is-info{background:var(--info-50);color:var(--info-500)}.wb-tag.is-gold{background:var(--gold-50);color:var(--gold-600)}.wb-tag>i.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.wb-tag.is-running>i.dot{animation:wb-pulse 1.2s var(--ease) infinite}@keyframes wb-pulse{50%{opacity:.25}}.wb-table-wrap{overflow-x:auto;border-radius:var(--r-lg)}.wb-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.wb-table th{text-align:left;font-weight:600;font-size:12.5px;color:var(--app-ink-2);background:var(--app-sunken);padding:10px 14px;border-bottom:1px solid var(--app-line);white-space:nowrap;position:sticky;top:0;z-index:1}.wb-table td{padding:11px 14px;border-bottom:1px solid var(--app-line-soft);vertical-align:middle}.wb-table tbody tr:last-child td{border-bottom:0}.wb-table tbody tr{transition:background var(--dur) var(--ease)}.wb-table tbody tr:hover{background:var(--app-sunken)}.wb-table tbody tr.is-selected{background:var(--brand-50)}.wb-table tbody tr.is-clickable{cursor:pointer}.wb-table tbody tr.is-clickable:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.wb-table .wb-col-actions{text-align:right;white-space:nowrap}.wb-table .wb-col-check{width:40px}.wb-cell-num{font-variant-numeric:tabular-nums}.wb-works-table{min-width:820px}.wb-work-detail-page{max-width:1180px}.wb-work-list-page{width:100%;max-width:none}.wb-work-list-page>.wb-card{width:100%}.wb-work-filters{padding:0 0 16px;gap:10px;flex-wrap:wrap}.wb-work-row-thing{gap:12px}.wb-work-thumb{width:56px;height:56px;flex:none;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--app-line);background:var(--app-sunken)}.wb-work-row-title{min-width:0;display:flex;flex-direction:column;gap:4px}.wb-work-row-title b{display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.wb-work-row-title small{color:var(--app-ink-3);font-size:12px}.wb-table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}.wb-table-actions .is-danger-text{color:var(--err-600, var(--err-500))}.wb-thing{display:flex;align-items:center;gap:10px;min-width:0}.wb-thumb{width:42px;height:42px;flex:none;border-radius:var(--r-sm);object-fit:cover;background:var(--app-sunken);border:1px solid var(--app-line-soft);display:block}.wb-thumb-fallback{width:42px;height:42px;flex:none;border-radius:var(--r-sm);background:var(--app-sunken);border:1px solid var(--app-line-soft);display:grid;place-items:center;color:var(--app-ink-3)}.wb-thing-text{min-width:0}.wb-thing-text b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32ch}.wb-thing-text small{color:var(--app-ink-3);font-size:12px}.wb-rowlink{width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.wb-rowlink:hover .wb-thing-text b{color:var(--brand-600)}.wb-rowlink:disabled{cursor:not-allowed;opacity:.5}.wb-taglink{border:0;padding:0;background:none;font:inherit;cursor:pointer;line-height:1}.wb-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;background:var(--brand-50);border-bottom:1px solid var(--app-line-soft);font-size:13px;color:var(--brand-600)}.wb-pager{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--app-line-soft);flex-wrap:wrap;font-size:13px;color:var(--app-ink-2)}.wb-pager-spacer{flex:1}.wb-pager .wb-select{width:auto;min-width:92px;height:30px;min-height:30px;font-size:12.5px}.wb-empty{padding:56px 24px;text-align:center;color:var(--app-ink-2)}.wb-empty-art{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand-50),var(--app-sunken));border:1px solid var(--app-line-soft);color:var(--brand-500)}.wb-empty h4{font-size:15px;font-weight:600;color:var(--app-ink);margin-bottom:5px}.wb-empty p{font-size:13px;max-width:46ch;margin:0 auto 16px}.wb-skel{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--app-sunken) 25%,var(--app-line-soft) 37%,var(--app-sunken) 63%);background-size:400% 100%;animation:wb-shimmer 1.3s ease infinite}@keyframes wb-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.wb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-overlay);z-index:80;animation:wb-fade .16s var(--ease)}@keyframes wb-fade{0%{opacity:0}}.wb-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--app-surface);border-left:1px solid var(--app-line);box-shadow:var(--sh-4);z-index:81;display:flex;flex-direction:column;animation:wb-slide .2s var(--ease)}.wb-drawer.is-wide{width:min(880px,100vw)}.wb-drawer.is-xwide{width:min(1180px,100vw)}@keyframes wb-slide{0%{transform:translate(24px);opacity:.4}}.wb-drawer-head,.wb-modal-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--app-line-soft);flex:none}.wb-drawer-head h3,.wb-modal-head h3{font-size:15px;font-weight:650}.wb-drawer-head small,.wb-modal-head small{display:block;font-weight:400;font-size:12px;color:var(--app-ink-3)}.wb-drawer-body,.wb-modal-body{flex:1;overflow-y:auto;padding:18px}.wb-drawer-foot,.wb-modal-foot{flex:none;display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--app-line-soft);background:var(--app-sunken)}.wb-drawer-foot .wb-foot-left,.wb-modal-foot .wb-foot-left{margin-right:auto}.wb-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:81;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.wb-modal{width:min(520px,100%);max-height:calc(100vh - 48px);background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--r-xl);box-shadow:var(--sh-4);display:flex;flex-direction:column;pointer-events:auto;animation:wb-zoom .18s var(--ease)}.wb-modal.is-wide{width:min(880px,100%)}.wb-modal.is-xwide{width:min(1240px,100%)}@keyframes wb-zoom{0%{transform:scale(.97);opacity:0}}.wb-toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:min(440px,calc(100vw - 32px))}.wb-toast{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-radius:var(--r-md);background:var(--app-raised);border:1px solid var(--app-line);box-shadow:var(--sh-3);font-size:13.5px;animation:wb-toast-in .2s var(--ease);pointer-events:auto}.wb-toast svg{flex:none;margin-top:2px}.wb-toast.is-ok svg{color:var(--ok-500)}.wb-toast.is-err{border-color:color-mix(in srgb,var(--err-500) 35%,var(--app-line))}.wb-toast.is-err svg{color:var(--err-500)}.wb-toast.is-warn svg{color:var(--warn-500)}.wb-toast.is-info svg{color:var(--info-500)}@keyframes wb-toast-in{0%{opacity:0;transform:translateY(-10px)}}.wb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wb-row.is-tight{gap:5px}.wb-spacer{flex:1}.wb-grid{display:grid;gap:var(--gap)}.wb-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-stack{display:flex;flex-direction:column;gap:var(--gap)}.wb-stack.is-tight{gap:8px}.wb-muted{color:var(--app-ink-3)}.wb-dim{color:var(--app-ink-2)}.wb-mono{font-family:var(--font-mono);font-size:12.5px}.wb-nowrap{white-space:nowrap}.wb-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wb-scroll-y{overflow-y:auto}.wb-metric{padding:16px 18px;border-radius:var(--r-lg);background:var(--app-surface);border:1px solid var(--app-line);box-shadow:var(--sh-1);position:relative;overflow:hidden}.wb-metric:after{content:"";position:absolute;inset:auto -20px -30px auto;width:110px;height:110px;border-radius:50%;background:var(--brand-50);opacity:.7}.wb-metric>*{position:relative;z-index:1}.wb-metric-top{display:flex;align-items:center;gap:8px;color:var(--app-ink-2);font-size:12.5px}.wb-metric-top .ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600);flex:none}.wb-metric-val{font-size:26px;font-weight:650;letter-spacing:-.5px;margin-top:8px;font-variant-numeric:tabular-nums;line-height:1.2}.wb-metric-val small{font-size:13px;font-weight:500;color:var(--app-ink-3);margin-left:4px}.wb-metric-sub{font-size:12px;color:var(--app-ink-3);margin-top:4px}.wb-metric.is-gold:after{background:var(--gold-50)}.wb-metric.is-gold .ico{background:var(--gold-50);color:var(--gold-600)}.wb-metric.is-info:after{background:var(--info-50)}.wb-metric.is-info .ico{background:var(--info-50);color:var(--info-500)}.wb-chart{width:100%;height:240px;display:block}.wb-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--app-ink-2)}.wb-legend span{display:inline-flex;align-items:center;gap:6px}.wb-legend i{width:10px;height:3px;border-radius:2px}.wb-legend button{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;transition:opacity var(--dur) var(--ease)}.wb-legend button.is-off{opacity:.38}.wb-bars{display:flex;flex-direction:column;gap:11px}.wb-bar-row{display:grid;grid-template-columns:84px minmax(0,1fr) 56px;align-items:center;gap:10px;font-size:12.5px}.wb-bar-row>b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.wb-bar-track{height:8px;border-radius:var(--r-pill);background:var(--app-sunken);overflow:hidden}.wb-bar-track>i{display:block;height:100%;border-radius:inherit;background:var(--brand-500);transition:width .4s var(--ease)}.wb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}.wb-tiles.is-sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.wb-tile{border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);overflow:hidden;cursor:pointer;position:relative;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.wb-tile:hover{border-color:var(--brand-300);box-shadow:var(--sh-2);transform:translateY(-1px)}.wb-tile.is-selected{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.wb-tile-img{aspect-ratio:1 / 1;width:100%;object-fit:cover;display:block;background:repeating-conic-gradient(var(--app-sunken) 0% 25%,var(--app-surface) 0% 50%) 50% / 16px 16px}.wb-tile-body{padding:8px 10px 10px}.wb-tile-body b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-tile-body small{color:var(--app-ink-3);font-size:11.5px}.wb-tile-check{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#14192059;display:grid;place-items:center;color:#fff;box-shadow:var(--sh-1)}.wb-tile.is-selected .wb-tile-check{background:var(--brand-500);border-color:#fff}.wb-tile-badges{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.wb-tile-badges .wb-tag{height:20px;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wb-tile-tools{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;padding:6px;background:linear-gradient(to top,rgba(12,16,22,.78),transparent);opacity:0;transition:opacity var(--dur) var(--ease)}.wb-tile:hover .wb-tile-tools{opacity:1}.wb-tile-tools button{width:26px;height:26px;border:0;border-radius:var(--r-sm);background:#ffffffe6;color:#1b1f24;display:grid;place-items:center;cursor:pointer}.wb-tile-tools button:hover{background:#fff}.wb-picker-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.wb-picker-toolbar .wb-search{max-width:360px}.wb-picker-tile{position:relative;display:grid;gap:6px;min-width:0;padding:0 0 9px;overflow:hidden;color:var(--app-ink-1);text-align:left;cursor:pointer;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.wb-picker-tile:hover{border-color:var(--brand-300);box-shadow:var(--sh-2);transform:translateY(-1px)}.wb-picker-tile.is-selected{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.wb-picker-tile img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--app-sunken)}.wb-picker-tile b,.wb-picker-tile small{min-width:0;padding:0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-picker-tile b{font-size:12px;font-weight:600}.wb-picker-tile small{color:var(--app-ink-3);font-size:11px}.wb-picker-check{position:absolute;top:7px;left:7px;display:grid;width:22px;height:22px;color:#fff;place-items:center;border:2px solid #fff;border-radius:50%;background:#1419206b;box-shadow:var(--sh-1)}.wb-picker-tile.is-selected .wb-picker-check{border-color:#fff;background:var(--brand-500)}@media (max-width: 680px){.wb-picker-toolbar{align-items:stretch;flex-direction:column}.wb-picker-toolbar .wb-search{max-width:none}}.wb-studio-platforms .wb-checklist{gap:10px}.wb-studio-platforms .wb-check{min-height:64px;padding:11px 12px;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.wb-studio-platforms .wb-check:has(input:checked){border-color:var(--brand-400);background:var(--brand-50);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-100),transparent 35%)}.wb-studio-platforms .wb-check:has(input:disabled){opacity:.58;background:var(--app-sunken)}.wb-result-tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.wb-result-tile{background:var(--app-sunken)}.wb-result-img{height:220px;aspect-ratio:auto;object-fit:contain;padding:8px;background:repeating-conic-gradient(var(--app-sunken) 0% 25%,var(--app-surface) 0% 50%) 50% / 18px 18px}.wb-drop{border:1.5px dashed var(--app-line-strong);border-radius:var(--r-lg);padding:28px 20px;text-align:center;background:var(--app-sunken);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.wb-drop:hover,.wb-drop.is-over{border-color:var(--brand-500);background:var(--brand-50)}.wb-drop h4{font-size:14px;font-weight:600;margin:10px 0 4px}.wb-drop p{font-size:12.5px;color:var(--app-ink-3)}.wb-upload-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.wb-upload-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 22px;align-items:center;gap:10px;font-size:12.5px;padding:7px 10px;border:1px solid var(--app-line-soft);border-radius:var(--r-sm);background:var(--app-surface)}.wb-upload-row .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-upload-row .pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--app-ink-2)}.wb-tree{font-size:13px}.wb-tree-item{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:var(--r-sm);cursor:pointer;color:var(--app-ink-2)}.wb-tree-item:hover{background:var(--app-sunken);color:var(--app-ink)}.wb-tree-item.is-active{background:var(--brand-50);color:var(--brand-600);font-weight:600}.wb-tree-item .count{margin-left:auto;font-size:11.5px;color:var(--app-ink-3);font-variant-numeric:tabular-nums}.wb-tree-item.is-active .count{color:var(--brand-600)}.wb-tree-children{margin-left:14px;border-left:1px solid var(--app-line-soft);padding-left:6px}.wb-split{display:grid;grid-template-columns:236px minmax(0,1fr);gap:var(--gap);align-items:start}.wb-split>*{min-width:0}.wb-split.is-wide-aside{grid-template-columns:300px minmax(0,1fr)}.wb-split.is-right{grid-template-columns:minmax(0,1fr) 340px}.wb-aside{position:sticky;top:calc(var(--topbar-h) + 20px)}.wb-jobtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.wb-jobtype{border:1px solid var(--app-line);border-radius:var(--r-md);padding:11px 12px;background:var(--app-surface);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.wb-jobtype:hover{border-color:var(--brand-300)}.wb-jobtype.is-active{border-color:var(--brand-500);background:var(--brand-50)}.wb-jobtype:disabled{opacity:.5;cursor:not-allowed}.wb-jobtype b{display:block;font-size:13px;font-weight:600}.wb-jobtype small{display:block;font-size:11.5px;color:var(--app-ink-3);margin-top:2px}.wb-cost{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--gold-600);background:var(--gold-50);border-radius:var(--r-pill);padding:1px 7px;margin-top:6px}.wb-ops{display:flex;flex-direction:column;gap:10px}.wb-op{border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);overflow:hidden}.wb-op-head{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--app-sunken);border-bottom:1px solid var(--app-line-soft);font-size:13px;font-weight:600}.wb-op-head .step{font-size:11.5px;font-weight:500;color:var(--app-ink-3);flex:none}.wb-op-tools{display:flex;gap:4px;margin-left:auto}.wb-op-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;padding:11px}.wb-mask{position:relative;overflow:hidden;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-sunken);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.wb-mask img{display:block;width:100%;height:auto;pointer-events:none}.wb-mask i{position:absolute;border:2px solid var(--brand-500);background:#12946a24;box-shadow:0 0 0 9999px #0c10164d;pointer-events:none}.wb-canvas{background:var(--app-sunken);border:1px solid var(--app-line);border-radius:var(--r-lg);padding:20px;overflow-y:auto;max-height:calc(100vh - 220px)}.wb-canvas-page{margin:0 auto;background:#fff;box-shadow:var(--sh-2);width:100%;max-width:420px}.wb-block{position:relative;border:1.5px solid transparent;cursor:grab;transition:border-color var(--dur) var(--ease)}.wb-block:hover{border-color:var(--brand-300)}.wb-block.is-active{border-color:var(--brand-500)}.wb-block.is-dragging{opacity:.4}.wb-block.is-drop-before:before,.wb-block.is-drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--brand-500);border-radius:2px;z-index:2}.wb-block.is-drop-before:before{top:-2px}.wb-block.is-drop-after:after{bottom:-2px}.wb-block-tools{position:absolute;top:4px;right:4px;display:flex;gap:3px;opacity:0;transition:opacity var(--dur) var(--ease);z-index:3}.wb-block:hover .wb-block-tools,.wb-block.is-active .wb-block-tools{opacity:1}.wb-block-tools button{width:24px;height:24px;border:1px solid var(--app-line);border-radius:var(--r-xs);background:var(--app-surface);color:var(--app-ink-2);display:grid;place-items:center;cursor:pointer}.wb-block-tools button:hover{color:var(--brand-600);border-color:var(--brand-300)}.wb-blk-banner{position:relative}.wb-blk-banner img{width:100%;display:block}.wb-blk-banner span{position:absolute;left:0;right:0;bottom:0;padding:20px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.62),transparent);color:#fff;font-size:15px;font-weight:600}.wb-blk-heading{padding:16px;font-size:17px;font-weight:700;color:#1b1f24}.wb-blk-text{padding:6px 16px 14px;font-size:13px;line-height:1.85;color:#444c56;white-space:pre-wrap}.wb-blk-points{padding:6px 16px 14px;display:flex;flex-direction:column;gap:8px}.wb-blk-points li{display:flex;gap:8px;font-size:13px;color:#33404d;line-height:1.6}.wb-blk-points li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-500);flex:none;margin-top:7px}.wb-blk-image img{width:100%;display:block}.wb-blk-imagetext{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;align-items:center}.wb-blk-imagetext.is-right{direction:rtl}.wb-blk-imagetext.is-right>*{direction:ltr}.wb-blk-imagetext img{width:100%;border-radius:6px;display:block}.wb-blk-imagetext b{display:block;font-size:14px;color:#1b1f24;margin-bottom:5px}.wb-blk-imagetext p{font-size:12px;color:#5a636e;line-height:1.7;white-space:pre-wrap}.wb-blk-params{padding:6px 16px 14px}.wb-blk-params table{width:100%;border-collapse:collapse;font-size:12.5px}.wb-blk-params td{border:1px solid #eceff3;padding:7px 10px;color:#444c56}.wb-blk-params td:first-child{width:34%;background:#f7f9fa;color:#6b7583}.wb-blk-divider{height:1px;background:#eceff3;margin:4px 16px}.wb-blk-placeholder{aspect-ratio:4 / 3;display:grid;place-items:center;background:#f2f4f6;color:#9aa3af;font-size:12px;gap:6px}.wb-tplcard{display:flex;flex-direction:column;border:1px solid var(--app-line);border-radius:var(--r-lg);background:var(--app-surface);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.wb-tplcard:hover{border-color:var(--brand-300);box-shadow:var(--sh-2);transform:translateY(-1px)}.wb-tplcard.is-pinned{border-color:var(--gold-200)}.wb-tplcard-cover{position:relative;height:132px;background:var(--app-sunken);overflow:hidden}.wb-tplcard-cover img{width:100%;height:100%;object-fit:cover;display:block}.wb-tplcard-text{margin:0;padding:13px 15px;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--app-surface),var(--app-sunken));-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.wb-tpl-layout{display:flex;flex-direction:column;height:100%;padding:26px 16px 12px;gap:4px;text-align:center;overflow:hidden}.wb-tpl-layout.is-poster{align-items:center;justify-content:center}.wb-tpl-layout.is-poster>strong{font-size:17px;font-weight:700;letter-spacing:.5px;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-tpl-layout.is-poster>span{font-size:11.5px;opacity:.78;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-tpl-layout>em{margin-top:auto;font-size:10.5px;font-style:normal;opacity:.55}.wb-tpl-layout.is-detail{align-items:center;justify-content:center;gap:6px}.wb-tpl-layout.is-detail>i{height:7px;border-radius:999px;background:currentColor;opacity:.28}.wb-tpl-layout.is-detail>b{margin-top:8px;font-size:11.5px;font-weight:600;opacity:.72}.wb-tplcard-type{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:999px;font-size:11px;color:var(--app-ink);background:color-mix(in srgb,var(--app-surface) 86%,transparent);border:1px solid var(--app-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wb-tplcard-body{flex:1;min-width:0;padding:11px 14px 0}.wb-tplcard-body>b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-tplcard-foot{display:flex;align-items:center;gap:6px;padding:10px 12px 11px}.wb-rolecard{display:flex;flex-direction:column;gap:10px;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);padding:14px 15px 12px}.wb-rolecard-head{display:flex;align-items:flex-start;gap:10px}.wb-rolecard-head>div>b{display:block;font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-rolecard-head small{display:block;margin-top:3px;font-size:12px;line-height:1.6}.wb-rolecard-perms{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:62px;max-height:96px;overflow-y:auto;padding:10px;border-radius:var(--r-sm);background:var(--app-sunken);font-size:12px;color:var(--app-ink-3)}.wb-rolecard-foot{display:flex;align-items:center;gap:6px;padding-top:2px}.wb-rolecard-foot .wb-spacer{flex:1}.wb-permgroup{border:1px solid var(--app-line-soft);border-radius:var(--r-md);padding:10px 12px 12px}.wb-permgroup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.wb-permgroup-head b{font-size:13px;font-weight:650}.wb-copycard{border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);padding:13px 15px}.wb-copycard.is-pinned{border-color:var(--gold-200);background:color-mix(in srgb,var(--gold-50) 45%,var(--app-surface))}.wb-copycard-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.wb-copytext{white-space:pre-wrap;font-size:13.5px;line-height:1.8;color:var(--app-ink);word-break:break-word}.wb-count{font-size:11.5px;color:var(--app-ink-3);font-variant-numeric:tabular-nums}.wb-count.is-over{color:var(--err-500);font-weight:600}.wb-progress{height:6px;border-radius:var(--r-pill);background:var(--app-line-soft);overflow:hidden}.wb-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-600),var(--brand-300));transition:width .3s var(--ease)}.wb-progress.is-err>i{background:var(--err-500)}.wb-progress.is-ok>i{background:linear-gradient(90deg,var(--ok-500),var(--brand-300))}.wb-progress.is-warn>i{background:linear-gradient(90deg,var(--gold-500),var(--gold-200))}.wb-auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--app-page)}.wb-auth-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px;color:#fff;background:#0b1a14}.wb-auth-art img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.32}.wb-auth-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#096345db,#0b1a14eb 62%)}.wb-auth-art>*{position:relative;z-index:2}.wb-auth-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650}.wb-auth-copy h2{font-size:30px;line-height:1.35;font-weight:650;letter-spacing:-.5px;margin-bottom:12px}.wb-auth-copy p{color:#ffffffc7;font-size:14px;max-width:42ch}.wb-auth-points{display:grid;gap:10px;margin-top:26px}.wb-auth-points li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#ffffffe6}.wb-auth-points svg{flex:none;margin-top:3px;color:var(--brand-300)}.wb-auth-shots{display:flex;gap:10px}.wb-auth-shots img{width:76px;height:76px;border-radius:var(--r-md);object-fit:cover;border:2px solid rgba(255,255,255,.22)}.wb-auth-form{display:flex;align-items:center;justify-content:center;padding:40px 24px}.wb-auth-box{width:min(400px,100%)}.wb-auth-box h1{font-size:24px;font-weight:650;letter-spacing:-.3px}.wb-auth-box>p{color:var(--app-ink-2);font-size:13.5px;margin:6px 0 22px}.wb-auth-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--app-ink-2)}.wb-auth-switch button{border:0;background:transparent;color:var(--brand-600);font-weight:600;cursor:pointer;padding:0 2px}.wb-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--r-md);font-size:13px;margin-bottom:14px;background:var(--err-50);color:var(--err-500);border:1px solid color-mix(in srgb,var(--err-500) 22%,transparent)}.wb-alert svg{flex:none;margin-top:2px}.wb-alert.is-info{background:var(--info-50);color:var(--info-500);border-color:color-mix(in srgb,var(--info-500) 22%,transparent)}.wb-alert.is-warn{background:var(--warn-50);color:var(--warn-500);border-color:color-mix(in srgb,var(--warn-500) 26%,transparent)}.wb-alert.is-ok{background:var(--ok-50);color:var(--ok-500);border-color:color-mix(in srgb,var(--ok-500) 22%,transparent)}.wb-alert.is-err{background:var(--err-50);color:var(--err-500);border-color:color-mix(in srgb,var(--err-500) 22%,transparent)}.wb-demo-hint{margin-top:16px;padding:11px 13px;border-radius:var(--r-md);background:var(--app-sunken);border:1px dashed var(--app-line-strong);font-size:12.5px;color:var(--app-ink-2)}.wb-boot{min-height:100vh;display:grid;place-items:center;gap:14px;color:var(--app-ink-2);background:var(--app-page);padding:24px}.wb-boot-box{max-width:420px;text-align:center;background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:34px 28px}.wb-boot-box h2{margin:14px 0 6px;font-size:17px;font-weight:600;color:var(--app-ink)}.wb-boot-box p{margin:0;font-size:13px;line-height:1.7;color:var(--app-ink-3);word-break:break-word}.wb-boot-icon{width:46px;height:46px;border-radius:50%;display:inline-grid;place-items:center;background:var(--brand-50);color:var(--brand-600)}.wb-boot-icon.is-err{background:var(--err-50);color:var(--err-500)}.wb-boot-spin{width:34px;height:34px;display:inline-block;border-radius:50%;border:3px solid var(--app-line);border-top-color:var(--brand-500);animation:wb-spin .72s linear infinite}.wb-picklist{display:flex;flex-direction:column;gap:8px}.wb-pickrow{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px 8px 8px;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.wb-pickrow:hover:not(:disabled){border-color:var(--brand-300);box-shadow:var(--sh-1)}.wb-pickrow.is-active{border-color:var(--brand-500);background:var(--brand-50)}.wb-pickrow:disabled{opacity:.45;cursor:not-allowed}.wb-pickrow-main{flex:1;min-width:0}.wb-pickrow-main b{display:block;font-size:13.5px;font-weight:500;color:var(--app-ink);white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.wb-pickrow-main small{display:block;margin-top:2px;font-size:12px;color:var(--app-ink-3);white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.wb-pickmark{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--app-line-strong);display:grid;place-items:center;color:#fff}.wb-pickmark.is-on{background:var(--brand-500);border-color:var(--brand-500)}.wb-export-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.wb-export-platforms .wb-pickrow{min-height:76px;padding:12px 14px;border-width:2px}.wb-export-platforms .wb-pickrow.is-active{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-100),transparent 28%)}.wb-export-platforms .wb-pickrow-main b{font-size:15px;font-weight:650}.wb-export-platforms .wb-pickmark{width:24px;height:24px;border-width:2px}.wb-export-platforms .wb-pickrow:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.wb-ai-copy-form{display:grid;gap:14px}.wb-ai-copy-form .wb-checklist{gap:10px}.wb-ai-copy-form .wb-check{min-height:54px;padding:9px 10px;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.wb-ai-copy-form .wb-check input{width:18px;height:18px}.wb-ai-copy-form .wb-check:has(input:checked){border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-100),transparent 35%);color:var(--brand-700)}.wb-picked{display:flex;flex-wrap:wrap;gap:8px}.wb-picked.is-empty{font-size:12.5px;color:var(--app-ink-3);padding:10px 12px;border:1px dashed var(--app-line-strong);border-radius:var(--r-md);background:var(--app-sunken)}.wb-picked-item{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:4px 6px 4px 4px;border:1px solid var(--app-line);border-radius:var(--r-pill);background:var(--app-surface);font-size:12.5px}.wb-picked-item img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.wb-picked-item b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-picked-item button{flex:none;width:18px;height:18px;border:0;border-radius:50%;background:var(--app-sunken);color:var(--app-ink-3);display:grid;place-items:center;cursor:pointer}.wb-picked-item button:hover{background:var(--err-50);color:var(--err-500)}.wb-checklist{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:8px 14px}.wb-checklabel{display:block;min-width:0}.wb-checklabel small{display:block;margin-top:1px;font-size:11.5px;line-height:1.5;color:var(--app-ink-3)}.wb-tile-body{display:block}.wb-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#080b0fe6;display:flex;flex-direction:column;animation:wb-fade .16s var(--ease)}.wb-viewer-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;color:#fff;font-size:13px}.wb-viewer-name{flex:1;min-width:0}.wb-viewer-bar button{width:34px;height:34px;border:0;border-radius:var(--r-md);background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer}.wb-viewer-bar button:hover{background:#ffffff38}.wb-viewer-bar button:disabled{opacity:.35;cursor:not-allowed}.wb-viewer-download{width:34px;height:34px;border-radius:var(--r-md);display:grid;place-items:center;background:#ffffff1f;color:#fff}.wb-viewer-download:hover{background:#ffffff38}.wb-viewer-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 24px 24px;min-height:0;overflow:auto;scrollbar-color:rgba(255,255,255,.4) transparent}.wb-viewer-canvas{flex:none;display:grid;place-items:center;max-width:100%;max-height:100%}.wb-viewer-canvas.is-zoomed{max-width:none;max-height:none}.wb-viewer-canvas img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-sm);cursor:zoom-in;box-shadow:0 12px 36px #00000047}.wb-viewer-canvas.is-zoomed img{cursor:zoom-out}.wb-viewer-strip{display:flex;gap:8px;min-height:72px;padding:0 18px 14px;overflow-x:auto}.wb-viewer-strip button{width:54px;height:54px;flex:none;padding:0;border:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;background:#ffffff1f;cursor:pointer}.wb-viewer-strip button.is-active{border-color:var(--brand-400)}.wb-viewer-strip img{width:100%;height:100%;object-fit:cover}.wb-pkgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.wb-pkgcard{position:relative;display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px 16px 15px;border:1px solid var(--app-line);border-radius:var(--r-lg);background:var(--app-surface);cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.wb-pkgcard:hover{border-color:var(--brand-300);box-shadow:var(--sh-2);transform:translateY(-1px)}.wb-pkgcard.is-active{border-color:var(--brand-500);box-shadow:var(--sh-focus);background:var(--brand-50)}.wb-pkgcard-name{font-size:12.5px;color:var(--app-ink-2)}.wb-pkgcard-credits{font-size:25px;font-weight:650;letter-spacing:-.5px;line-height:1.2;color:var(--app-ink);font-variant-numeric:tabular-nums}.wb-pkgcard-credits small{font-size:13px;font-weight:500;color:var(--app-ink-3);margin-left:4px}.wb-pkgcard-bonus{font-size:12px;color:var(--gold-600)}.wb-pkgcard-price{margin-top:5px;font-size:15px;font-weight:600;color:var(--brand-600);font-variant-numeric:tabular-nums}.wb-pkgcard-desc{font-size:12px;color:var(--app-ink-3);line-height:1.5}.wb-pkgcard-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--brand-500);color:#fff}.wb-payopts{display:flex;flex-direction:column;gap:8px}.wb-payopt{display:flex;align-items:center;gap:8px;text-align:left;padding:11px 13px;border:1px solid var(--app-line);border-radius:var(--r-md);background:var(--app-surface);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.wb-payopt>b{font-size:13.5px;font-weight:550;flex:none}.wb-payopt:hover:not(.is-off){border-color:var(--brand-300)}.wb-payopt.is-active{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700)}.wb-payopt.is-off{cursor:not-allowed;opacity:.55}.wb-payopt-note{font-size:12px;color:var(--app-ink-3);margin-left:auto;text-align:right}.wb-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px}.wb-plancard{display:flex;flex-direction:column;padding:18px;border:1px solid var(--app-line);border-radius:var(--r-lg);background:var(--app-surface);box-shadow:var(--sh-1)}.wb-plancard.is-current{border-color:var(--brand-500);box-shadow:var(--sh-focus)}.wb-plancard-head{display:flex;align-items:center;gap:8px;min-height:24px}.wb-plancard-head h4{font-size:15px;font-weight:600;color:var(--app-ink);flex:1;min-width:0}.wb-plancard-price{margin-top:10px;font-size:28px;font-weight:650;letter-spacing:-.6px;line-height:1.15;color:var(--app-ink);font-variant-numeric:tabular-nums}.wb-plancard-price small{font-size:13px;font-weight:500;color:var(--app-ink-3);margin-left:3px}.wb-plancard-sub{margin-top:4px;font-size:12px;color:var(--app-ink-3);line-height:1.5}.wb-plancard-feats{margin-top:14px;display:flex;flex-direction:column;gap:6px}.wb-plancard-feats li{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--app-ink-2);line-height:1.5}.wb-plancard-feats li>svg{color:var(--brand-500);flex:none;margin-top:3px}.wb-plancard-limits{margin-top:14px;padding-top:12px;border-top:1px dashed var(--app-line);display:flex;flex-direction:column;gap:6px}@media (max-width: 1200px){.wb-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-split.is-right{grid-template-columns:minmax(0,1fr)}.wb-split.is-right .wb-aside{position:static}}@media (max-width: 1024px){.wb-auth{grid-template-columns:minmax(0,1fr)}.wb-auth-art{display:none}.wb-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-split{grid-template-columns:minmax(0,1fr)}.wb-split .wb-aside{position:static}}@media (max-width: 860px){.wb-shell{grid-template-columns:minmax(0,1fr)}.wb-nav{position:fixed;top:0;bottom:0;left:0;width:var(--nav-w);transform:translate(-100%);transition:transform var(--dur) var(--ease);box-shadow:var(--sh-4)}.wb-shell.is-open .wb-nav{transform:none}.wb-nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-overlay);z-index:29}.wb-page{padding:16px 14px 40px}.wb-topbar{padding:0 12px}.wb-grid.c2,.wb-grid.c3,.wb-grid.c4{grid-template-columns:minmax(0,1fr)}.wb-user-meta{display:none}.wb-nav-toggle{display:grid}}@media (prefers-reduced-motion: reduce){.wb *,.wb *:before,.wb *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.wb-nav,.wb-topbar,.wb-page-actions{display:none!important}}:root{color:#f7f0e6;background:#080808;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--text: #f7f0e6;--muted: rgba(247, 240, 230, .7);--muted-2: rgba(247, 240, 230, .52);--line: rgba(236, 222, 199, .17);--gold: #d6b56d;--gold-soft: #f1d99b;--clay: #c87961;--sage: #a8ad8d;--container: min(1120px, calc(100vw - 36px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#080808}html,body{max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.site-shell{min-height:100vh;position:relative;overflow-x:clip;background:radial-gradient(circle at 18% 18%,rgba(214,181,109,.16),transparent 30%),radial-gradient(circle at 82% 18%,rgba(200,121,97,.12),transparent 28%),radial-gradient(circle at 62% 86%,rgba(168,173,141,.1),transparent 34%),linear-gradient(145deg,#080808,#121212 46%,#201c18)}.site-shell:before{content:"";position:fixed;top:-22%;right:-12%;bottom:-22%;left:-12%;background:linear-gradient(108deg,transparent 0 17%,rgba(247,240,230,.08) 17% 17.35%,transparent 17.35% 48%,rgba(214,181,109,.08) 48% 52%,transparent 52% 100%),linear-gradient(70deg,transparent 0 62%,rgba(200,121,97,.08) 62% 67%,transparent 67% 100%);transform:translateZ(0) skewY(-8deg);pointer-events:none;contain:paint}.site-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(247,240,230,.026) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(247,240,230,.018) 0 1px,transparent 1px 56px);-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.54),transparent 78%);mask-image:linear-gradient(135deg,rgba(0,0,0,.54),transparent 78%);pointer-events:none;contain:paint}.site-shell>*{position:relative;z-index:1}@keyframes auroraDrift{0%{transform:translate3d(-1.5%,-1%,0) skewY(-8deg)}to{transform:translate3d(1.5%,1%,0) skewY(-8deg)}}@keyframes navRiseIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes scanSweep{0%{transform:translateY(-18px);opacity:0}12%{opacity:1}82%{opacity:1}to{transform:translateY(186px);opacity:0}}@keyframes beamFlow{0%{transform:translate(-56px) scaleX(.25);opacity:0}18%{opacity:1}to{transform:translate(108px) scaleX(1);opacity:0}}@keyframes resultPulse{0%,to{border-color:#ecdec724;box-shadow:none}45%{border-color:#f1d99b7a;box-shadow:0 0 26px #d6b56d29}}@keyframes energySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badgePulse{0%,to{transform:translateY(0);box-shadow:0 0 #d6b56d00}50%{transform:translateY(-3px);box-shadow:0 0 34px #d6b56d42}}@keyframes textShimmer{0%{background-position:-140% 0}to{background-position:220% 0}}.glass{background:linear-gradient(145deg,#ffffff21,#ffffff0f 56%,#d6b56d0b),linear-gradient(180deg,rgba(255,255,255,.052),transparent);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff21,0 22px 58px #00000052;backdrop-filter:blur(12px) saturate(124%);-webkit-backdrop-filter:blur(12px) saturate(124%);border-radius:8px}.nav{position:fixed;z-index:20;top:18px;left:50%;transform:translate(-50%);width:var(--container);min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 13px 11px 18px;animation:navRiseIn .52s ease both}.brand,.nav-links,.nav-cta{display:flex;align-items:center}.brand{gap:10px;font-weight:950;color:var(--text)}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#17120c;background:linear-gradient(135deg,#f2d99a,#d6b56d 52%,#c87961);border:1px solid rgba(247,240,230,.3);box-shadow:inset 0 1px #ffffff57,0 12px 32px #d6b56d33}.nav-links{gap:24px;color:var(--muted);font-weight:850}.nav-links a:hover,.footer-links a:hover,.footer-records a:hover{color:var(--gold-soft)}.nav-cta{gap:4px;min-height:42px;padding:0 14px;border-radius:8px;font-weight:950;color:#17120c;background:linear-gradient(135deg,var(--gold-soft),var(--gold));border:1px solid rgba(247,240,230,.26);box-shadow:0 18px 40px #d6b56d29}.hero{width:var(--container);min-height:clamp(670px,82vh,780px);margin:0 auto;padding:132px 0 58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);gap:clamp(34px,5vw,68px);align-items:center;overflow:visible}.hero-motion-canvas{position:absolute;inset:82px calc(50% - 50vw) 0;width:100vw;height:calc(100% - 82px);pointer-events:none;opacity:.95;mix-blend-mode:screen;z-index:-1;contain:strict}.hero-copy{max-width:760px;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold-soft);font-size:13px;font-weight:950;letter-spacing:0}.hero h1{max-width:760px;margin:18px 0;color:transparent;font-size:clamp(52px,7.6vw,96px);line-height:.98;letter-spacing:0;background:linear-gradient(105deg,#fff8ee,#fff8ee 38%,#f1d99b,#fff8ee 58%,#fff8ee);background-size:240% 100%;-webkit-background-clip:text;background-clip:text}.hero h1 span{display:block}.hero p{max-width:660px;color:var(--muted);font-size:19px;line-height:1.78;overflow-wrap:break-word}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-action,.secondary-action{position:relative;overflow:hidden;min-height:52px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:950}.primary-action{color:#17120c;background:linear-gradient(135deg,var(--gold-soft),var(--gold));border:1px solid rgba(247,240,230,.26);box-shadow:0 18px 40px #d6b56d29}.primary-action:after{content:"";position:absolute;inset:0 auto 0 -120%;width:70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);transform:skew(-18deg);transition:left .52s ease}.primary-action:hover:after{left:140%}.secondary-action{color:var(--text);background:#ffffff14;border:1px solid rgba(236,222,199,.16)}.secondary-action:hover{border-color:#d6b56d52;background:#ffffff1c}.hero-visual{min-height:380px;position:relative;width:min(100%,520px);min-width:0;justify-self:end}.studio-panel{padding:18px;overflow:hidden;transform:translateZ(0);contain:paint}.studio-panel:before{content:"";position:absolute;top:-45%;right:-35%;bottom:-45%;left:-35%;background:conic-gradient(from 210deg,transparent,rgba(241,217,155,.22),transparent 34%,rgba(168,173,141,.14),transparent 58%);transform:rotate(12deg);pointer-events:none}.studio-panel:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:8px;background:linear-gradient(180deg,#08080857,#08080880),radial-gradient(circle at 28% 32%,rgba(241,217,155,.16),transparent 32%),radial-gradient(circle at 82% 64%,rgba(200,121,97,.1),transparent 30%);pointer-events:none}.studio-panel>*{position:relative;z-index:1}.studio-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;color:var(--muted);font-size:13px;font-weight:900}.studio-topline strong{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;color:#17120c;background:linear-gradient(135deg,var(--gold-soft),var(--gold))}.studio-main{min-height:264px;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:14px;align-items:center;min-width:0}.upload-preview,.output-preview{min-width:0;border-radius:8px;background:#ffffff13;border:1px solid rgba(236,222,199,.16);box-shadow:inset 0 1px #ffffff1a}.upload-preview{padding:10px}.preview-head{display:flex;gap:6px;margin-bottom:10px}.preview-head span{width:7px;height:7px;border-radius:99px;background:#f1d99bb8}.preview-head span:nth-child(2){background:#a8ad8db3}.preview-head span:nth-child(3){background:#c87961b3}.preview-frame{position:relative;height:174px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(247,240,230,.2),transparent 31%),linear-gradient(145deg,#f7f0e61f,#ffffff0b);border:1px solid rgba(236,222,199,.16)}.preview-frame:before,.preview-frame:after{content:"";position:absolute;border-radius:999px;background:#f7f0e621;filter:blur(1px)}.preview-frame:before{width:48px;height:20px;left:18px;bottom:34px;transform:rotate(-18deg)}.preview-frame:after{width:32px;height:32px;right:22px;top:30px;background:#c8796129}.product-shot{position:relative;width:128px;height:128px;display:grid;place-items:center;transform:rotate(-3deg);z-index:2}.shot-surface{position:absolute;top:18px;right:8px;bottom:8px;left:8px;border-radius:18px 18px 22px 22px;background:linear-gradient(145deg,#ffffff42,#ffffff0f),linear-gradient(135deg,#e9cf89,#b96f58 58%,#704438);border:1px solid rgba(247,240,230,.34);box-shadow:inset 0 1px #ffffff38,0 24px 36px #00000047}.shot-surface:before{content:"";position:absolute;left:13px;right:13px;top:-18px;height:34px;border-radius:16px 16px 8px 8px;background:linear-gradient(135deg,#f5dfa2,#d4a85e);transform:skew(-10deg);box-shadow:inset 0 1px #ffffff52}.shot-object{position:absolute;width:58px;height:32px;border-radius:9px;background:#fff8eecc;box-shadow:inset 0 1px #ffffff94,0 12px 28px #0003}.shot-label{position:absolute;bottom:38px;z-index:4;min-height:20px;padding:0 8px;border-radius:999px;display:grid;place-items:center;color:#2a1a12;background:#f7f0e6e0;font-size:10px;font-weight:950}.scan-line{position:absolute;left:12px;right:12px;top:0;height:54px;border-radius:999px;background:linear-gradient(180deg,#f1d99b00,#f1d99bc2,#f1d99b00);box-shadow:0 0 30px #d6b56d57;animation:scanSweep 3.4s ease-in-out infinite;z-index:3}.focus-corner{position:absolute;width:28px;height:28px;border-color:#f1d99bc2;z-index:4}.corner-a{left:18px;top:18px;border-left:2px solid;border-top:2px solid}.corner-b{right:18px;top:18px;border-right:2px solid;border-top:2px solid}.corner-c{right:18px;bottom:18px;border-right:2px solid;border-bottom:2px solid}.corner-d{left:18px;bottom:18px;border-left:2px solid;border-bottom:2px solid}.preview-status{display:flex;align-items:center;gap:8px;color:var(--gold-soft);font-size:12px;font-weight:900;padding-top:10px}.studio-flow{position:relative;height:116px;display:grid;align-content:center;gap:12px;min-width:0}.studio-flow:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:#f1d99b4d}.studio-flow span{height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(241,217,155,.95),transparent);box-shadow:0 0 16px #d6b56d57;animation:beamFlow 2.6s ease-in-out infinite}.studio-flow span:nth-child(2){animation-delay:.22s}.studio-flow span:nth-child(3){animation-delay:.44s}.output-preview{padding:13px}.output-head{display:flex;align-items:center;gap:8px;color:var(--gold-soft);font-size:12px;font-weight:950;margin-bottom:11px}.output-line{padding:11px;border-radius:8px;background:#fff1;border:1px solid rgba(236,222,199,.12);margin-top:8px}.output-line:nth-child(3){animation-delay:.76s}.output-line:nth-child(4){animation-delay:1.42s}.output-line small{display:block;color:var(--muted-2);font-size:11px;font-weight:850;margin-bottom:5px}.output-line strong{display:block;color:#fff8ee;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.studio-progress{height:4px;margin-top:16px;overflow:hidden;border-radius:999px;background:#ffffff14}.studio-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--clay),var(--gold-soft),var(--sage));box-shadow:0 0 18px #d6b56d4d;animation:beamFlow 3.6s ease-in-out infinite}.section{width:var(--container);margin:0 auto;padding:58px 0 36px}.section-head{max-width:680px;margin-bottom:26px}.section-head h2,.contact-panel h2{color:#fff8ee;font-size:clamp(28px,3.4vw,44px);line-height:1.08;margin:14px 0}.section-head p,.contact-panel p{color:var(--muted);line-height:1.74;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid rgba(236,222,199,.14);background:#ecdec71a;border-radius:8px;overflow:hidden}.feature-card{min-height:188px;padding:24px;border:0;border-radius:0;background:linear-gradient(145deg,#ffffff1b,#ffffff0b),linear-gradient(180deg,rgba(255,255,255,.034),transparent);box-shadow:none;contain:paint;transition:background .18s ease}.feature-card:hover{background:linear-gradient(145deg,#ffffff24,#ffffff10),linear-gradient(180deg,rgba(214,181,109,.055),transparent)}.feature-card svg{color:var(--gold-soft);margin-bottom:28px}.feature-card:nth-child(2) svg{color:var(--sage)}.feature-card:nth-child(3) svg{color:var(--clay)}.feature-card h3{color:#fff8ee;margin-bottom:10px;font-size:20px}.feature-card p{color:var(--muted);line-height:1.68;margin-bottom:0}.trust-section{width:var(--container);margin:32px auto 0;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(236,222,199,.14);border-bottom:1px solid rgba(236,222,199,.14)}.trust-copy{min-width:0}.trust-copy strong{display:block;color:#fff8ee;font-size:clamp(18px,2vw,24px);line-height:1.45;margin-top:8px;max-width:760px}.trust-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}.trust-actions a{min-height:42px;padding:0 13px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:900;background:#ffffff0d;border:1px solid rgba(236,222,199,.14);transition:color .18s ease,border-color .18s ease,background .18s ease}.trust-actions a:hover{color:var(--gold-soft);border-color:#d6b56d4d;background:#ffffff14}.trust-actions svg{color:var(--gold-soft)}.contact-panel{width:var(--container);margin:54px auto 40px;padding:28px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-top:1px solid rgba(236,222,199,.14)}.contact-panel h2{margin-bottom:0}.contact-panel p{margin-bottom:0;text-align:right}.contact-panel strong{color:#fff8ee;overflow-wrap:anywhere}.footer{width:var(--container);margin:10px auto 28px;padding:24px 0 0;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px 28px;align-items:center;border-top:1px solid var(--line)}.footer strong{display:block;font-size:20px;color:#fff8ee}.footer p{margin:6px 0 0;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 18px;color:var(--muted);font-size:14px;font-weight:850}.footer-email{color:var(--muted);white-space:nowrap}.footer-records{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;padding:14px 0 4px;color:var(--muted-2);font-size:13px;line-height:1.7;text-align:center}.footer-records a,.footer-records span{min-width:0;overflow-wrap:anywhere}.legal-shell{padding-top:118px}.legal-page{width:min(900px,calc(100% - 36px));margin:42px auto 32px;padding:clamp(24px,5vw,48px)}.legal-page h1{margin:14px 0 8px;color:#fff8ee;font-size:clamp(38px,7vw,72px);line-height:1}.legal-meta{color:var(--gold-soft);font-weight:850;margin-bottom:18px}.legal-intro{color:var(--muted);line-height:1.8;font-size:17px;padding-bottom:24px;border-bottom:1px solid var(--line)}.legal-section{padding-top:22px}.legal-section h2{color:#fff8ee;font-size:22px;line-height:1.35;margin-bottom:10px}.legal-section p{color:var(--muted);line-height:1.86;margin-bottom:10px}@media (max-width: 980px){:root{--container: min(100vw - 32px, 720px)}.site-shell{overflow-x:hidden;overflow-y:visible}.nav{position:absolute;height:auto;gap:12px;flex-wrap:wrap;padding:14px;align-items:center}.nav-links{order:3;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:10px;font-size:13px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:172px;padding-bottom:42px;gap:34px;min-width:0;overflow:visible}.hero-motion-canvas{display:none}.hero-visual{min-height:auto;width:100%;max-width:100%;justify-self:stretch}.studio-panel{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.studio-main{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px;min-height:0;width:100%}.studio-flow{height:100px;transform:none;width:auto}.feature-grid{grid-template-columns:1fr}.trust-section,.contact-panel{flex-direction:column;align-items:flex-start}.trust-actions{width:100%;flex-wrap:wrap}.contact-panel p{text-align:left}.footer{grid-template-columns:1fr;align-items:flex-start;gap:16px}.footer-links{justify-content:flex-start}.footer-records{justify-content:flex-start;text-align:left}.legal-shell{padding-top:132px}.legal-nav-links{width:auto;order:initial}}@media (max-width: 560px){:root{--container: calc(100vw - 36px) }.site-shell:before{top:-12%;right:-46%;bottom:-12%;left:-46%;opacity:.8}.site-shell:after{opacity:.55}.nav{top:18px;width:var(--container);padding:13px 14px 14px;gap:11px}.brand{width:100%}.brand-mark{width:40px;height:40px}.nav-cta{width:100%;justify-content:center;order:2;min-height:42px}.nav-links{order:3;padding-top:2px}.hero{width:var(--container);padding-top:198px;gap:34px}.eyebrow{font-size:12px}.hero h1{font-size:clamp(42px,14vw,56px);line-height:1.04;overflow-wrap:anywhere;margin:14px 0}.hero p{font-size:16px;line-height:1.72}.hero-actions a{width:100%}.hero-visual{min-height:auto}.studio-panel{padding:14px;border-radius:8px}.studio-topline{margin-bottom:12px}.studio-main{grid-template-columns:1fr;gap:11px}.studio-flow{width:64px;height:42px;justify-self:center;transform:rotate(90deg)}.preview-frame{height:168px}.product-shot{width:116px;height:116px}.output-preview{padding:12px}.output-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.output-head{grid-column:1 / -1;margin-bottom:0}.output-line{padding:9px 10px;margin-top:0}.output-line small{margin-bottom:4px}.output-line strong{font-size:12px}.output-line strong{white-space:normal}.trust-section{margin-top:20px;padding:18px 0}.trust-actions a{flex:1 1 150px;justify-content:center}.contact-panel{margin-top:34px;padding:24px 0}.footer-email{white-space:normal}.legal-page{margin-top:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.site-shell{--text: #17324d;--muted: #60768f;--muted-2: #8498ac;--line: #d8e4ef;--gold: #146ef5;--gold-soft: #146ef5;--clay: #2d9b87;--sage: #55a9c7;color:var(--text);background:#f4f8fc}.site-shell:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 46%,rgba(20,110,245,.035) 46% 46.2%,transparent 46.2% 100%);transform:none}.site-shell:after{background:repeating-linear-gradient(90deg,rgba(38,86,130,.025) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(38,86,130,.02) 0 1px,transparent 1px 64px);-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.42),transparent 78%);mask-image:linear-gradient(135deg,rgba(0,0,0,.42),transparent 78%)}.site-shell .glass{background:#ffffffeb;border-color:var(--line);box-shadow:0 8px 24px #183f660f;-webkit-backdrop-filter:none;backdrop-filter:none}.site-shell .nav{top:20px}.site-shell .brand{color:var(--text)}.site-shell .brand-mark{color:#fff;background:#146ef5;border-color:#146ef5;box-shadow:0 8px 18px #146ef533}.site-shell .nav-links{color:var(--muted)}.site-shell .nav-links a:hover,.site-shell .footer-links a:hover,.site-shell .footer-records a:hover{color:var(--gold)}.site-shell .nav-cta,.site-shell .primary-action{color:#fff;background:#146ef5;border-color:#146ef5;box-shadow:0 10px 22px #146ef52e}.site-shell .secondary-action{color:#315675;background:#fff;border-color:#cdddeb}.site-shell .hero{min-height:720px;padding-top:138px}.site-shell .hero-motion-canvas{opacity:.22;mix-blend-mode:multiply}.site-shell .eyebrow{color:#146ef5}.site-shell .hero h1{color:var(--text);background:none;-webkit-text-fill-color:initial}.site-shell .hero p,.site-shell .section-head p,.site-shell .feature-card p,.site-shell .contact-panel p{color:var(--muted)}.site-shell .hero-note{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--muted-2);font-size:13px;font-weight:700}.site-shell .status-dot{width:7px;height:7px;border-radius:50%;background:#2d9b87;box-shadow:0 0 0 4px #2d9b871f}.site-shell .studio-panel{border-color:#cfe0ef;background:#fff;box-shadow:0 20px 50px #183f661f}.site-shell .studio-panel:after{background:linear-gradient(180deg,#eef7ffb8,#ffffffeb)}.site-shell .studio-topline,.site-shell .output-head{color:#52708f}.site-shell .studio-topline strong{color:#176f54;background:#e8f7f1}.site-shell .upload-preview,.site-shell .output-preview{background:#f8fbfe;border-color:#d8e4ef}.site-shell .preview-frame{background:linear-gradient(145deg,#eef7ff,#f8fbfe);border-color:#d8e4ef}.site-shell .preview-status,.site-shell .output-head{color:#146ef5}.site-shell .output-line{background:#fff;border-color:#e1eaf2}.site-shell .output-line small{color:#8498ac}.site-shell .output-line strong{color:#1d2f46}.site-shell .studio-progress{background:#e7eef5}.site-shell .studio-progress span{background:linear-gradient(90deg,#146ef5,#55b8a6);box-shadow:none}.site-shell .section{padding-top:72px}.site-shell .section-head h2,.site-shell .contact-panel h2,.site-shell .downloads-copy h2{color:var(--text)}.site-shell .feature-grid{border-color:#d8e4ef;background:#d8e4ef;box-shadow:0 8px 24px #183f660d}.site-shell .feature-card{background:#fff}.site-shell .feature-card:hover{background:#f5f9fd}.site-shell .feature-card svg{color:#146ef5}.site-shell .feature-card:nth-child(2) svg{color:#2d9b87}.site-shell .feature-card:nth-child(3) svg{color:#4c9ac4}.workflow-section,.downloads-section{width:var(--container);margin:0 auto;padding:64px 0 20px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-card{position:relative;min-height:218px;padding:24px;border:1px solid #d8e4ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #183f660d}.workflow-card svg{color:#146ef5;margin:22px 0 16px}.workflow-card h3{margin:0 0 10px;color:var(--text);font-size:19px}.workflow-card p{margin:0;color:var(--muted);line-height:1.7}.workflow-index{position:absolute;top:20px;right:22px;color:#b6c8d8;font-size:13px;font-weight:900;letter-spacing:.08em}.downloads-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:60px;align-items:center;margin-top:42px;padding-top:56px;padding-bottom:76px;border-top:1px solid #d8e4ef}.downloads-copy h2{margin:14px 0;font-size:clamp(28px,3.4vw,44px);line-height:1.08}.downloads-copy p{max-width:590px;color:var(--muted);line-height:1.78;font-size:17px}.downloads-copy .primary-action{margin-top:12px}.download-options{display:grid;gap:10px}.download-option{min-height:76px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #d8e4ef;border-radius:8px;background:#fff;color:#52708f}.download-option svg{flex:0 0 auto;color:#7e9ab2}.download-option div{display:grid;gap:4px;flex:1;min-width:0}.download-option strong{color:var(--text);font-size:16px}.download-option span{color:var(--muted-2);font-size:13px}.download-option.active{border-color:#9ecbf4;background:#eef7ff}.download-option.active svg{color:#146ef5}.download-option.active>svg:last-child{color:#146ef5}.download-option .coming-soon{flex:0 0 auto;padding:5px 9px;border-radius:999px;color:#9a6516;background:#fff5df;font-size:12px;font-weight:800}.site-shell .trust-section{border-color:#d8e4ef}.site-shell .trust-copy strong{color:var(--text)}.site-shell .trust-actions a{color:#52708f;background:#fff;border-color:#d8e4ef}.site-shell .trust-actions a:hover{color:#146ef5;background:#eef7ff;border-color:#9ecbf4}.site-shell .trust-actions svg{color:#146ef5}.site-shell .contact-panel{border-color:#d8e4ef}.site-shell .contact-panel strong,.site-shell .footer strong{color:var(--text)}.site-shell .footer{border-color:#d8e4ef}.site-shell .footer p,.site-shell .footer-links,.site-shell .footer-email,.site-shell .footer-records{color:var(--muted)}@media (max-width: 760px){.workflow-section,.downloads-section{width:var(--container)}.workflow-grid,.downloads-section{grid-template-columns:1fr}.downloads-section{gap:28px;padding-top:42px;padding-bottom:48px}.site-shell .nav-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-shell .hero{padding-top:214px}}@media (max-width: 560px){.site-shell .nav-links{font-size:12px}.site-shell .hero{padding-top:228px}}.webapp-shell{min-height:100vh;color:#18201b;background:linear-gradient(135deg,#f7f8f3,#eef2ec 42%,#f8f5ee);padding:24px}.webapp-topbar{max-width:1400px;margin:0 auto 22px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(24,32,27,.08)}.webapp-brand,.webapp-user,.webapp-user button,.app-primary,.app-secondary,.text-button,.result-actions,.tool-actions,.directory-note,.app-kicker{display:inline-flex;align-items:center}.webapp-brand{gap:10px;color:#18201b;font-size:18px;font-weight:950}.webapp-brand span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#18201b}.webapp-user{gap:10px;color:#18201bb8;font-weight:850}.credit-pill{min-height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(92,104,66,.18);border-radius:999px;padding:0 12px;color:#273523;background:#ffffffb8}.webapp-user button,.text-button{border:0;background:transparent;color:#42503e;cursor:pointer;font-weight:850;gap:6px}.auth-panel,.workspace-grid{max-width:1400px;margin:0 auto}.auth-panel{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:44px}.auth-panel h1,.result-head h1{margin:10px 0 12px;color:#18201b;font-size:clamp(34px,5vw,62px);line-height:1.06;letter-spacing:0}.auth-panel p{max-width:680px;color:#18201bad;font-size:18px;line-height:1.75}.app-kicker{gap:8px;color:#6f784f;font-size:13px;font-weight:950}.auth-card,.tool-panel,.result-panel{background:#ffffffe6;border:1px solid rgba(24,32,27,.1);border-radius:8px;box-shadow:0 18px 44px #18201b14}.auth-card{padding:24px;display:grid;gap:14px}.auth-card h2,.copy-card h2,.recent-works h2{margin:0;color:#18201b}.auth-card label{display:grid;gap:7px;color:#18201bb8;font-size:13px;font-weight:900}.sms-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.sms-row button{border:1px solid rgba(24,32,27,.13);border-radius:8px;color:#263127;background:#fff;cursor:pointer;font-weight:900}.sms-row button:disabled{cursor:not-allowed;opacity:.48}.auth-card input{height:46px;border:1px solid rgba(24,32,27,.12);border-radius:8px;padding:0 12px;color:#18201b;background:#fff;font:inherit}.form-note,.directory-note{margin:0;color:#18201b94;font-size:13px;line-height:1.55}.workspace-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.tool-panel,.result-panel{padding:18px}.tool-panel{position:sticky;top:18px;display:grid;gap:14px;background:linear-gradient(180deg,#fffffff0,#f8faf4eb)}.panel-title{display:flex;align-items:center;gap:9px}.panel-title span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#42503e}.upload-drop{min-height:148px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed rgba(24,32,27,.22);border-radius:8px;color:#42503e;background:repeating-linear-gradient(-45deg,#f6f8f1e6,#f6f8f1e6 10px,#eff4ebe6 10px,#eff4ebe6 20px);cursor:pointer}.upload-drop strong{color:#18201b}.upload-drop small{color:#18201b8a}.selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.selected-grid figure,.generated-images figure{margin:0;overflow:hidden;border:1px solid rgba(24,32,27,.1);border-radius:8px;background:#fff;box-shadow:0 10px 24px #18201b0d}.selected-grid img,.generated-images img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.generated-image-button{position:relative;width:100%;display:block;border:0;padding:0;background:#f8faf6;cursor:zoom-in;font:inherit}.image-zoom-label{position:absolute;right:8px;bottom:8px;min-height:28px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:0 9px;color:#fff;background:#18201bc2;font-size:12px;font-weight:900;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.generated-image-button:hover .image-zoom-label,.generated-image-button:focus-visible .image-zoom-label{opacity:1;transform:translateY(0)}.selected-grid figcaption,.generated-images figcaption{padding:8px;color:#18201ba8;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-actions,.result-actions{gap:9px;flex-wrap:wrap}.app-primary,.app-secondary{min-height:42px;border-radius:8px;border:1px solid transparent;justify-content:center;gap:7px;padding:0 13px;cursor:pointer;font-weight:950;font-family:inherit}.app-primary{color:#fff;background:#18201b;box-shadow:0 10px 20px #18201b24}.app-secondary{color:#263127;background:#fff;border-color:#18201b21}.app-primary:disabled,.app-secondary:disabled{cursor:not-allowed;opacity:.48}.app-message,.app-error{border-radius:8px;padding:10px 12px;font-size:13px;font-weight:850;line-height:1.55}.app-message{color:#31543c;background:#4480531a}.app-error{color:#8c3428;background:#c85a481f}.directory-note{gap:6px}.save-guidance{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(92,104,66,.13);border-radius:8px;padding:10px 11px;color:#18201ba3;background:#f8faf4db}.save-guidance svg{flex:0 0 auto;margin-top:2px;color:#526247}.save-guidance p{margin:0;font-size:13px;line-height:1.55}.result-panel{min-height:calc(100vh - 106px);background:linear-gradient(180deg,#fffffff5,#ffffffe6)}.result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.result-head h1{max-width:720px;font-size:clamp(28px,4vw,48px);overflow-wrap:anywhere}.generated-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.generated-images{min-height:320px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.empty-result{grid-column:1 / -1;min-height:320px;display:grid;place-items:center;align-content:center;gap:9px;color:#18201b94;border:1px dashed rgba(24,32,27,.16);border-radius:8px;background:#f6f8f1b8}.empty-result strong{color:#18201b}.copy-card{border:1px solid rgba(24,32,27,.1);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfcf8);padding:14px}.copy-card pre{margin:12px 0 0;white-space:pre-wrap;word-break:break-word;color:#18201bc2;font-family:inherit;font-size:15px;line-height:1.78}.recent-works{margin-top:18px;border-top:1px solid rgba(24,32,27,.1);padding-top:16px}.recent-works-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.recent-works-head span{color:#18201b85;font-size:13px;font-weight:850}.recent-list{margin-top:10px;display:grid;gap:7px}.recent-works button{min-height:50px;display:grid;grid-template-columns:minmax(180px,1fr) 90px 90px 116px;align-items:center;gap:10px;border:1px solid rgba(24,32,27,.1);border-radius:8px;background:#ffffffe0;padding:9px 12px;text-align:left;cursor:pointer;color:#18201b9e;font:inherit;font-size:13px;font-weight:850}.recent-works button.active{border-color:#42503e6b;background:#a8ad8d29}.recent-title{color:#18201b;font-weight:950}.recent-works button>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{width:fit-content;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.status-badge.ready{color:#27613b;background:#4184531f}.status-badge.processing,.status-badge.queued{color:#72571f;background:#c6973226}.status-badge.failed{color:#8a352d;background:#c4534621}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:28px;background:#0c110fb8}.image-modal-card{position:relative;width:min(92vw,980px);max-height:92vh;display:grid;gap:10px}.image-modal-card img{width:100%;max-height:calc(92vh - 72px);object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 24px 80px #00000047}.image-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;color:#fff;background:#0c110fc7;cursor:pointer}.image-modal-caption{display:flex;justify-content:space-between;gap:12px;color:#fff;font-weight:900}.image-modal-caption span{color:#ffffffb8}.floating-error{position:fixed;left:50%;bottom:22px;z-index:90;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;color:#8c3428;background:#fff;box-shadow:0 12px 34px #18201b2e;font-size:13px;font-weight:900}.spin{animation:energySpin .9s linear infinite}@media (max-width: 1100px){.workspace-grid,.generated-layout,.auth-panel{grid-template-columns:1fr}.tool-panel{position:static}.result-head{flex-direction:column}}@media (max-width: 680px){.webapp-shell{padding:16px}.webapp-topbar,.webapp-user,.result-actions,.tool-actions{align-items:stretch;flex-direction:column}.webapp-brand,.webapp-user button,.app-primary,.app-secondary{width:100%}.generated-images,.recent-works button,.selected-grid,.sms-row{grid-template-columns:1fr}.recent-works-head,.image-modal-caption{align-items:flex-start;flex-direction:column}}.webapp-shell{min-height:100vh;color:#17211d;background:linear-gradient(115deg,#ffffffdb,#f7faf4a3 42%,#fff6eeb8),linear-gradient(90deg,rgba(64,88,78,.08) 0 1px,transparent 1px 72px),linear-gradient(0deg,rgba(64,88,78,.06) 0 1px,transparent 1px 72px),#f4f7f0;padding:22px}.webapp-topbar{position:sticky;top:0;z-index:40;min-height:72px;padding:9px 0;background:#f4f7f0d6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.webapp-nav{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(24,32,27,.1);border-radius:8px;padding:4px;background:#ffffffb3}.webapp-nav button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;padding:0 12px;color:#18201ba8;background:transparent;cursor:pointer;font-weight:950;font-family:inherit}.webapp-nav button.active,.webapp-nav button:hover{color:#fff;background:#17211d}.webapp-user .credit-pill{border:1px solid rgba(66,80,62,.18);background:#fff;color:#273523;padding:0 12px}.auth-copy{min-width:0}.auth-samples,.sample-strip,.empty-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-samples{max-width:600px;margin-top:24px}.auth-samples figure,.sample-strip figure{position:relative;margin:0;overflow:hidden;border-radius:8px;border:1px solid rgba(24,32,27,.1);background:#fff;box-shadow:0 16px 38px #18201b1a}.auth-samples img,.sample-strip img,.empty-visuals img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover}.auth-samples figcaption,.sample-strip figcaption{position:absolute;left:8px;bottom:8px;min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;color:#fff;background:#17211dc7;font-size:12px;font-weight:950}.sample-strip{grid-template-columns:1fr 1fr}.sample-strip figure{box-shadow:0 8px 18px #18201b0f}.tool-panel,.result-panel,.single-view-panel,.auth-card{border-color:#18201b17;box-shadow:0 18px 50px #18201b17}.tool-panel{background:linear-gradient(180deg,#fffffffa,#f8fbf5f0),#fff}.result-panel{overflow:hidden;background:linear-gradient(180deg,#fffffffa,#ffffffeb),#fff}.generated-images figure,.work-row,.package-card{content-visibility:auto;contain-intrinsic-size:220px}.generated-image-button img{background:#edf1ea}.empty-result{padding:24px;text-align:center}.empty-visuals{width:min(420px,100%);margin-bottom:4px}.empty-visuals img{border-radius:8px;border:1px solid rgba(24,32,27,.08);box-shadow:0 10px 24px #18201b14}.app-error{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-error.compact{align-items:flex-start}.app-error span{min-width:0}.app-error button{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:0 10px;color:#fff;background:#8c3428;cursor:pointer;font:inherit;font-size:12px;font-weight:950}.single-view-panel{max-width:1180px;min-height:calc(100vh - 120px);margin:0 auto;border:1px solid rgba(24,32,27,.1);border-radius:8px;padding:18px;background:#fffffff0}.view-head{display:grid;grid-template-columns:150px minmax(0,1fr) 120px;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(24,32,27,.09)}.view-head h1{margin:8px 0 0;color:#17211d;font-size:clamp(28px,4vw,46px);line-height:1.08}.works-list{display:grid;gap:8px;margin-top:16px}.work-row{min-height:82px;display:grid;grid-template-columns:64px minmax(180px,1fr) 96px 96px 86px;align-items:center;gap:12px;border:1px solid rgba(24,32,27,.1);border-radius:8px;padding:8px 12px 8px 8px;color:#18201b9e;background:#ffffffeb;cursor:pointer;font:inherit;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.work-row:hover{transform:translateY(-1px);border-color:#42503e57;background:#fff}.work-thumb{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:8px;color:#18201b6b;background:#edf1ea}.work-thumb img{width:100%;height:100%;display:block;object-fit:cover}.work-main,.work-open{min-width:0}.work-main strong{display:block;overflow:hidden;color:#17211d;font-size:15px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.work-main small{display:block;margin-top:6px;color:#18201b80;font-weight:850}.work-count,.work-open{color:#18201b94;font-size:13px;font-weight:900}.work-open{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.pagination-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border-top:1px solid rgba(24,32,27,.09);padding-top:14px}.pagination-bar>span{color:#18201b8f;font-size:13px;font-weight:900}.pagination-bar>div{display:inline-flex;align-items:center;gap:10px}.pagination-bar strong{min-width:54px;color:#17211d;text-align:center}.billing-summary{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);gap:12px;margin-top:16px}.billing-summary>div,.payment-order{border:1px solid rgba(24,32,27,.1);border-radius:8px;padding:14px;background:linear-gradient(180deg,#fff,#f8fbf6)}.billing-summary span,.package-card span,.payment-order span{display:block;color:#18201b8f;font-size:12px;font-weight:950}.billing-summary strong{display:block;margin-top:6px;color:#17211d;font-size:34px;line-height:1}.provider-switch>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.provider-switch button{min-height:36px;border:1px solid rgba(24,32,27,.12);border-radius:999px;padding:0 13px;color:#18201bad;background:#fff;cursor:pointer;font:inherit;font-weight:950}.provider-switch button.active{color:#fff;border-color:#17211d;background:#17211d}.payment-order{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:12px}.payment-order strong{overflow-wrap:anywhere;color:#17211d}.payment-order small{color:#18201b94;font-weight:900}.payment-order>div{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.package-card{min-height:230px;display:grid;gap:12px;align-content:start;border:1px solid rgba(24,32,27,.1);border-radius:8px;padding:16px;background:linear-gradient(150deg,#fffffffa,#f4f9f0eb),#fff}.package-card:nth-child(2){background:linear-gradient(150deg,#fff,#eef7ffeb)}.package-card:nth-child(3){background:linear-gradient(150deg,#fff,#fff4eef0)}.package-card strong{color:#17211d;font-size:28px;line-height:1.12}.package-card small{min-height:42px;color:#18201b94;line-height:1.55}.package-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.package-card b{color:#8b3b2f;font-size:24px}@media (max-width: 1120px){.webapp-topbar{position:static;flex-wrap:wrap}.webapp-nav{order:3;width:100%;justify-content:stretch}.webapp-nav button{flex:1}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.auth-samples,.sample-strip,.empty-visuals,.billing-summary,.package-grid,.view-head{grid-template-columns:1fr}.work-row{grid-template-columns:58px minmax(0,1fr);align-items:start}.work-thumb{width:58px;height:58px}.work-row .status-badge,.work-count,.work-open{grid-column:2;justify-content:flex-start}.payment-order{grid-template-columns:1fr}.pagination-bar,.pagination-bar>div{align-items:stretch;flex-direction:column}.pagination-bar>div,.pagination-bar .app-secondary{width:100%}.package-card>div{align-items:stretch;flex-direction:column}.package-card .app-primary{width:100%}}.webapp-shell{--app-ink: #17211d;--app-muted: rgba(23,33,29,.62);--app-line: rgba(23,33,29,.1);--app-accent: #25685a;--app-accent-2: #b45a3b;--app-panel: rgba(255,255,255,.94);background:radial-gradient(circle at 10% 0%,rgba(37,104,90,.14),transparent 26rem),radial-gradient(circle at 86% 8%,rgba(180,90,59,.13),transparent 24rem),linear-gradient(90deg,rgba(23,33,29,.06) 0 1px,transparent 1px 76px),linear-gradient(0deg,rgba(23,33,29,.05) 0 1px,transparent 1px 76px),#f4f7f1;color:var(--app-ink)}.webapp-shell .webapp-topbar{max-width:1440px;border:1px solid rgba(23,33,29,.08);border-radius:8px;padding:10px 14px;background:#ffffffc2;box-shadow:0 14px 44px #17211d14}.webapp-shell .webapp-brand{letter-spacing:0}.webapp-shell .webapp-brand span,.webapp-shell .panel-title span{background:linear-gradient(145deg,#17211d,#25685a)}.webapp-shell .webapp-nav{background:#f4f7f1}.webapp-shell .webapp-nav button.active,.webapp-shell .webapp-nav button:hover{background:var(--app-accent);box-shadow:0 7px 16px #25685a38}.webapp-shell .credit-pill{border-color:#25685a38;color:#164c41;background:linear-gradient(180deg,#fff,#f0f8f4)}.webapp-shell .auth-card,.webapp-shell .tool-panel,.webapp-shell .result-panel,.webapp-shell .single-view-panel{border:1px solid rgba(23,33,29,.09);background:var(--app-panel);box-shadow:0 22px 60px #17211d1a,inset 0 1px #ffffffc7}.webapp-shell .auth-panel h1{max-width:760px;font-size:clamp(44px,5.6vw,76px)}.webapp-shell .auth-panel p{max-width:720px}.webapp-shell .auth-samples figure:first-child{transform:translateY(10px)}.webapp-shell .auth-samples figure:last-child{transform:translateY(-10px)}.webapp-shell .tool-panel{padding:0;overflow:hidden;background:#fff}.webapp-shell .tool-panel>*{margin-left:18px;margin-right:18px}.webapp-shell .tool-panel .panel-title{margin:0;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#25685af5,#17211df5),#17211d}.webapp-shell .tool-panel .panel-title span{color:#17211d;background:#fff}.webapp-shell .upload-drop{min-height:178px;border:1px dashed rgba(37,104,90,.42);color:#1f5f52;background:linear-gradient(180deg,#ffffffd6,#ebf7f1e6),repeating-linear-gradient(-45deg,rgba(37,104,90,.08),rgba(37,104,90,.08) 10px,transparent 10px,transparent 20px);box-shadow:inset 0 0 0 6px #ffffffa3;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.webapp-shell .upload-drop:hover{border-color:#b45a3b7a;transform:translateY(-1px);box-shadow:inset 0 0 0 6px #ffffffb8,0 14px 28px #25685a1f}.webapp-shell .sample-strip figure,.webapp-shell .selected-grid figure{box-shadow:0 12px 28px #17211d14}.webapp-shell .tool-actions{display:grid;grid-template-columns:minmax(0,1fr) 118px}.webapp-shell .save-guidance{margin-bottom:18px;background:#f7faf5}.webapp-shell .app-primary{background:linear-gradient(135deg,#17211d,#25685a);box-shadow:0 12px 24px #25685a2e}.webapp-shell .app-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #25685a38}.webapp-shell .app-secondary:hover:not(:disabled){border-color:#25685a52;color:#164c41;background:#f5faf7}.webapp-shell .result-panel{padding:0}.webapp-shell .result-head{margin:0;padding:18px;background:linear-gradient(180deg,#ffffffeb,#f6faf6eb),#fff;border-bottom:1px solid rgba(23,33,29,.08)}.webapp-shell .result-head h1,.webapp-shell .view-head h1{font-size:clamp(26px,3.2vw,42px)}.webapp-shell .generated-layout{padding:18px}.webapp-shell .generated-images{min-height:460px;padding:12px;border:1px solid rgba(23,33,29,.08);border-radius:8px;background:linear-gradient(180deg,#f7faf5e0,#ffffffeb),#fff}.webapp-shell .generated-images figure{border-color:#17211d14;box-shadow:0 14px 32px #17211d17}.webapp-shell .generated-image-button img{aspect-ratio:4 / 3}.webapp-shell .empty-result{min-height:430px;border-style:solid;border-color:#25685a29;background:linear-gradient(145deg,#f1f9f5e0,#fff8f4b8),#fff}.webapp-shell .empty-result>svg{color:var(--app-accent)}.webapp-shell .copy-card{position:sticky;top:112px;align-self:start;border-color:#17211d14;box-shadow:0 14px 34px #17211d14}.webapp-shell .copy-card h2{display:flex;align-items:center;gap:8px}.webapp-shell .copy-card h2:before{content:"";width:9px;height:22px;border-radius:999px;background:var(--app-accent-2)}.webapp-shell .copy-card pre{min-height:300px;border:1px solid rgba(23,33,29,.08);border-radius:8px;padding:14px;background:#fbfcf8}.webapp-shell .app-message{border:1px solid rgba(37,104,90,.14);color:#1e5f3d;background:#edf8f1}.webapp-shell .app-error{border:1px solid rgba(180,90,59,.16);color:#8b3b2f;background:#fff1ec}.webapp-shell .single-view-panel{background:linear-gradient(180deg,#fffffffa,#f8fbf6f0),#fff}.webapp-shell .works-list{gap:10px}.webapp-shell .work-row{min-height:92px;border-color:#17211d14;background:linear-gradient(180deg,#fffffffa,#f9fbf7f0),#fff;box-shadow:0 10px 26px #17211d0f}.webapp-shell .work-row:hover{border-color:#25685a4d;box-shadow:0 16px 34px #17211d17}.webapp-shell .work-thumb{border:1px solid rgba(23,33,29,.08);background:linear-gradient(145deg,#edf6f2,#fff7f2)}.webapp-shell .status-badge.ready{color:#176343;background:#e7f6ee}.webapp-shell .status-badge.processing,.webapp-shell .status-badge.queued{color:#7a5520;background:#fff4d9}.webapp-shell .status-badge.failed{color:#8b3b2f;background:#ffebe5}.webapp-shell .pagination-bar{border-top-color:#17211d14}.webapp-shell .billing-summary>div,.webapp-shell .payment-order,.webapp-shell .package-card{border-color:#17211d14;box-shadow:0 12px 30px #17211d12}.webapp-shell .package-card{background:linear-gradient(150deg,#fffffffa,#ebf7f1e0),#fff}.webapp-shell .package-card:nth-child(2){background:linear-gradient(150deg,#fffffffa,#eef7ffeb),#fff}.webapp-shell .package-card:nth-child(3){background:linear-gradient(150deg,#fffffffa,#fff1e9f0),#fff}.webapp-shell .package-card b{color:var(--app-accent-2)}@media (max-width: 1100px){.webapp-shell .copy-card{position:static}}@media (max-width: 680px){.webapp-shell .webapp-topbar{padding:12px}.webapp-shell .tool-actions{grid-template-columns:1fr}.webapp-shell .result-head,.webapp-shell .generated-layout{padding:14px}.webapp-shell .generated-images{min-height:360px}}.webapp-shell{--app-page: #f7f7f7;--app-surface: #ffffff;--app-ink: #1f2329;--app-muted: #5f6673;--app-line: rgba(31, 35, 41, .11);--app-accent: #07c160;--app-accent-dark: #059c4d;--app-mint: #ecfaf1;--app-warning: #9a6400;--app-danger: #d64545;min-height:100vh;padding:16px clamp(14px,2.4vw,34px) 36px;color:var(--app-ink);font-family:Noto Sans SC,Microsoft YaHei,sans-serif;background:linear-gradient(90deg,rgba(31,35,41,.025) 1px,transparent 1px),linear-gradient(180deg,#fbfbfb 0%,var(--app-page) 54%,#f1f4f2 100%);background-size:40px 40px,auto}.webapp-shell:before{content:"";position:fixed;inset:0 0 auto;height:4px;z-index:80;background:var(--app-accent)}.webapp-shell .webapp-topbar{position:sticky;top:12px;z-index:40;max-width:1360px;min-height:64px;margin:0 auto 20px;padding:9px 12px 9px 16px;border:1px solid var(--app-line);border-radius:8px;background:#fffffff0;box-shadow:0 10px 24px #1f23290f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.webapp-shell .webapp-brand{gap:9px;color:var(--app-ink);font-size:16px;font-weight:900}.webapp-shell .webapp-brand span,.webapp-shell .panel-title span{width:34px;height:34px;color:#fff;background:var(--app-accent)}.webapp-shell .webapp-nav{gap:2px;border:0;padding:3px;background:#f2f4f3}.webapp-shell .webapp-nav button{min-height:34px;color:var(--app-muted);font-size:13px;font-weight:800}.webapp-shell .webapp-nav button.active,.webapp-shell .webapp-nav button:hover{color:#fff;background:var(--app-accent);box-shadow:none}.webapp-shell .webapp-user{gap:10px;color:var(--app-muted);font-size:13px}.webapp-shell .credit-pill{min-height:34px;border-color:#07c16042;color:#067b3c;background:var(--app-mint)}.webapp-shell .auth-panel,.webapp-shell .workspace-grid{max-width:1360px}.webapp-shell .auth-panel{grid-template-columns:minmax(0,1.15fr) minmax(340px,440px);gap:clamp(32px,6vw,90px)}.webapp-shell .auth-panel h1{max-width:620px;margin-top:14px;color:var(--app-ink);font-size:clamp(38px,5.4vw,64px);font-weight:900;line-height:1.15}.webapp-shell .auth-panel p{color:var(--app-muted);font-size:16px}.webapp-shell .auth-card,.webapp-shell .tool-panel,.webapp-shell .result-panel,.webapp-shell .single-view-panel{border-color:var(--app-line);border-radius:8px;background:var(--app-surface);box-shadow:0 10px 26px #1f23290e}.webapp-shell .auth-card{gap:15px;padding:26px}.webapp-shell .workspace-grid{grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:16px}.webapp-shell .tool-panel{top:92px;gap:16px;padding:16px;background:#fff}.webapp-shell .tool-panel .panel-title{padding-bottom:12px;border-bottom:1px solid var(--app-line)}.webapp-shell .upload-drop{min-height:172px;border:1px dashed rgba(7,193,96,.65);color:#087a3d;background:repeating-linear-gradient(-45deg,rgba(7,193,96,.035),rgba(7,193,96,.035) 8px,transparent 8px,transparent 16px),#f9fffb;transition:border-color .16s ease,background .16s ease,transform .16s ease}.webapp-shell .upload-drop:hover{border-color:var(--app-accent);background:var(--app-mint);transform:translateY(-1px)}.webapp-shell .selected-grid figure,.webapp-shell .generated-images figure,.webapp-shell .auth-samples figure,.webapp-shell .sample-strip figure{border-color:var(--app-line);box-shadow:none}.webapp-shell .app-primary{border-color:var(--app-accent);color:#fff;background:var(--app-accent);box-shadow:0 8px 17px #07c1602e}.webapp-shell .app-primary:hover:not(:disabled){background:var(--app-accent-dark);box-shadow:0 10px 20px #07c1603d;transform:translateY(-1px)}.webapp-shell .app-secondary{border-color:var(--app-line);color:#3f4650;background:#fff}.webapp-shell .app-secondary:hover:not(:disabled){border-color:#07c16075;color:#087a3d;background:var(--app-mint)}.webapp-shell .result-panel{min-height:calc(100vh - 116px);padding:0;overflow:hidden}.webapp-shell .result-head{align-items:center;margin:0;padding:20px 22px;border-bottom:1px solid var(--app-line);background:linear-gradient(180deg,#fff,#fbfcfb)}.webapp-shell .result-head h1,.webapp-shell .view-head h1{color:var(--app-ink);font-size:clamp(25px,3vw,38px);line-height:1.2}.webapp-shell .generated-layout{gap:18px;padding:20px 22px}.webapp-shell .generated-images{min-height:400px;gap:10px}.webapp-shell .generated-image-button img{aspect-ratio:4 / 3;background:#f1f4f2}.webapp-shell .copy-card{border-color:var(--app-line);background:#fbfcfc;box-shadow:none}.webapp-shell .copy-card h2{display:flex;align-items:center;gap:8px;font-size:17px}.webapp-shell .copy-card h2:before{content:"";width:4px;height:20px;border-radius:2px;background:var(--app-accent)}.webapp-shell .copy-card pre{min-height:290px;border:1px solid var(--app-line);border-radius:6px;color:#454b53;background:#fff}.webapp-shell .save-guidance{border-color:#07c1602b;background:var(--app-mint)}.webapp-shell .app-message{color:#087a3d;border:1px solid rgba(7,193,96,.18);background:var(--app-mint)}.webapp-shell .app-error{color:#ae3434;border:1px solid rgba(214,69,69,.15);background:#fff4f4}.webapp-shell .single-view-panel{max-width:1200px;padding:20px}.webapp-shell .work-row{min-height:88px;border-color:var(--app-line);border-radius:8px;background:#fff;box-shadow:none}.webapp-shell .work-row:hover{border-color:#07c1606b;background:#fbfffc;box-shadow:0 8px 18px #1f23290d}.webapp-shell .work-thumb{border:1px solid var(--app-line);background:#f3f5f4}.webapp-shell .status-badge.ready,.shop-status.success{color:#087a3d;background:#e8f8ee}.webapp-shell .status-badge.processing,.webapp-shell .status-badge.queued,.shop-status.processing,.shop-status.submitted{color:var(--app-warning);background:#fff5dc}.webapp-shell .status-badge.failed,.shop-status.failed,.shop-status.blocked{color:#b73636;background:#fff0f0}.publish-summary{margin:0 22px 22px;padding-top:18px;border-top:1px solid var(--app-line)}.publish-summary-head,.publish-task-head,.publish-modal-head,.publish-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.publish-summary h2,.publish-modal-card h2{margin:4px 0 0;color:var(--app-ink);font-size:18px}.publish-summary-empty{margin:14px 0 0;color:var(--app-muted);font-size:13px;line-height:1.7}.publish-task-list{display:grid;gap:10px;margin-top:14px}.publish-task{border:1px solid var(--app-line);border-radius:8px;padding:14px;background:#fff}.publish-task-head>div{display:grid;gap:3px}.publish-task-head strong{color:var(--app-ink);font-size:15px}.publish-task-head span,.publish-task p{margin:0;color:var(--app-muted);font-size:13px}.shop-result-list{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.shop-result-list li{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 9px;border-radius:6px;color:#4d555e;background:#f7f9f8;font-size:13px}.shop-status{flex:0 0 auto;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.publish-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#1f232957;animation:publishFadeIn .16s ease both}.publish-modal-card{width:min(530px,100%);max-height:min(720px,calc(100vh - 32px));overflow:auto;border:1px solid var(--app-line);border-radius:8px;padding:22px;color:var(--app-ink);background:#fff;box-shadow:0 22px 54px #1f232938;animation:publishCardIn .18s ease both}.publish-modal-head{align-items:flex-start}.publish-modal-head p{margin:7px 0 0;color:var(--app-muted);font-size:13px}.modal-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:6px;color:var(--app-muted);background:#f2f4f3;cursor:pointer}.publish-dialog-note{margin-top:17px;border:1px solid rgba(7,193,96,.17);border-radius:6px;padding:9px 11px;color:#087a3d;background:var(--app-mint);font-size:13px;line-height:1.55}.publish-channel-list{display:grid;gap:8px;margin-top:17px}.publish-channel{min-height:70px;display:grid;grid-template-columns:auto 38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--app-line);border-radius:8px;padding:10px 12px;cursor:pointer;background:#fff}.publish-channel:has(input:checked){border-color:#07c1609e;background:#f7fff9}.publish-channel.disabled{cursor:not-allowed;opacity:.58;background:#f7f8f8}.publish-channel input{width:18px;height:18px;accent-color:var(--app-accent)}.publish-channel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:#087a3d;background:var(--app-mint)}.publish-channel-copy{min-width:0;display:grid;gap:3px}.publish-channel-copy strong{font-size:14px}.publish-channel-copy small,.publish-shop-count{color:var(--app-muted);font-size:12px}.publish-shop-count{white-space:nowrap;font-weight:800}.publish-modal-actions{justify-content:flex-end;margin-top:20px}@keyframes publishFadeIn{0%{opacity:0}to{opacity:1}}@keyframes publishCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.webapp-shell .workspace-grid{grid-template-columns:1fr}.webapp-shell .tool-panel{position:static}}@media (max-width: 760px){.webapp-shell{padding:8px 10px 24px}.webapp-shell .webapp-topbar{position:static;margin-bottom:12px;padding:10px}.webapp-shell .webapp-brand{font-size:14px}.webapp-shell .webapp-user>span,.webapp-shell .webapp-user>button:last-child{display:none}.webapp-shell .result-head,.webapp-shell .generated-layout{padding:16px}.webapp-shell .result-head,.publish-summary-head,.publish-task-head{align-items:flex-start;flex-direction:column}.webapp-shell .result-actions{width:100%}.webapp-shell .result-actions .app-primary,.webapp-shell .result-actions .app-secondary{flex:1 1 calc(50% - 6px)}.webapp-shell .generated-layout{grid-template-columns:1fr}.webapp-shell .generated-images{min-height:300px;grid-template-columns:repeat(2,minmax(0,1fr))}.publish-summary{margin:0 16px 16px}.publish-summary-head>.app-secondary,.publish-task-head>.app-secondary{width:100%}.publish-modal-card{padding:18px}.publish-channel{grid-template-columns:auto 36px minmax(0,1fr)}.publish-shop-count{grid-column:3}}