.image-workbench{--iw-bg:#0b0a08;--iw-panel:#16130e;--iw-panel2:#1d1811;--iw-gold:#dabb76;--iw-gold2:#f0d79f;--iw-paper:#17140f;--iw-line:rgba(240,215,159,.16);min-height:calc(100vh - 100px);padding:18px 22px 32px;color:#fff9ed;background:radial-gradient(circle at 78% -8%,rgba(218,187,118,.13),transparent 30%),var(--iw-bg)}
/* The Today welcome area intentionally mirrors Content Workbench's wb-hero/wb-metrics contract. */
.image-workbench:has(.iw-today-layout){padding:20px!important}.image-workbench:has(.iw-today-layout)>.iw-topline{display:none}.image-workbench .iw-today-layout{max-width:none!important;padding:2px clamp(22px,2.8vw,38px) 30px}
.image-workbench .iw-content-aligned-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 2px 14px}
.image-workbench .iw-content-aligned-hero h1{max-width:720px;margin:2px 0 5px;color:#f8f2e7;font-family:inherit;font-size:clamp(26px,2.7vw,38px);font-weight:700;line-height:1.08;letter-spacing:normal}
.image-workbench .iw-content-aligned-hero p{max-width:620px;margin:0;color:#b8b0a2;font-size:14px;line-height:1.5}
.image-workbench .iw-content-aligned-metrics{display:flex;gap:8px}.image-workbench .iw-content-aligned-metrics>div{display:grid;min-width:102px;min-height:66px;padding:10px 13px;border:1px solid rgba(229,205,154,.14);border-radius:12px;background:rgba(255,255,255,.025)}
.image-workbench .iw-content-aligned-metrics strong{color:#f0d49a;font-size:19px;line-height:1.2}.image-workbench .iw-content-aligned-metrics span{margin-top:2px;color:#827b70;font-size:11px;white-space:nowrap}
@media(max-width:1050px){.image-workbench .iw-content-aligned-hero{align-items:flex-start;flex-direction:column}.image-workbench .iw-content-aligned-metrics{width:100%}.image-workbench .iw-content-aligned-metrics>div{flex:1}}
@media(max-width:819px){.image-workbench:has(.iw-today-layout){padding:10px 10px calc(96px + env(safe-area-inset-bottom,0px))!important}.image-workbench .iw-today-layout{padding:10px 16px 24px}.image-workbench .iw-content-aligned-hero{gap:14px;padding-bottom:12px}.image-workbench .iw-content-aligned-hero h1{font-size:27px}.image-workbench .iw-content-aligned-hero p{font-size:14px}.image-workbench .iw-content-aligned-metrics{overflow-x:auto;scrollbar-width:none}.image-workbench .iw-content-aligned-metrics::-webkit-scrollbar{display:none}.image-workbench .iw-content-aligned-metrics>div{min-width:104px}}
.iw-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1380px;margin:0 auto 12px;color:rgba(255,249,237,.5);font-size:11px}.iw-topline button,.iw-page-head button,.iw-legacy-nav button{border:0;background:transparent;color:var(--iw-gold);font:inherit;cursor:pointer}
.iw-hero{max-width:1380px;min-height:184px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(450px,.95fr);gap:28px;align-items:center;padding:22px 30px;border:1px solid rgba(218,187,118,.24);border-radius:22px;background:linear-gradient(135deg,rgba(31,26,18,.98),rgba(13,12,9,.98));box-shadow:0 22px 60px rgba(0,0,0,.28)}
.iw-hero-copy>span,.iw-heading>span,.iw-page-head>span,.iw-section-head span,.iw-section-intro span{color:var(--iw-gold);font-size:10px;letter-spacing:.19em}.iw-hero h1,.iw-page-head h1{margin:9px 0 10px;font:700 clamp(34px,3.7vw,52px)/1.03 Georgia,"Noto Serif SC",serif;letter-spacing:-.025em}.iw-hero p,.iw-page-head p{max-width:650px;margin:0;color:rgba(255,249,237,.64);line-height:1.75}.iw-hero-copy>button{height:42px;margin-top:18px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--iw-gold2),#c79d50);color:#181208;font-weight:800;box-shadow:0 10px 24px rgba(218,187,118,.16);cursor:pointer}.iw-hero-copy>button i{margin-left:8px;font-style:normal}
.iw-hero-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.iw-hero-data article{min-height:102px;padding:13px 14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(218,187,118,.035));box-shadow:inset 0 1px rgba(255,255,255,.04)}.iw-hero-data span{color:rgba(255,249,237,.58);font-size:11px}.iw-hero-data b{font:700 30px/1 Georgia,serif;color:var(--iw-gold2)}.iw-hero-data small{color:rgba(255,249,237,.38);font-size:9px}
.iw-flow-band{max-width:1380px;margin:8px auto 11px;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);color:rgba(255,249,237,.58);font-size:10px}.iw-flow-band span{display:flex;align-items:center;gap:7px}.iw-flow-band i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(218,187,118,.15);color:var(--iw-gold);font-style:normal}.iw-flow-band>b{color:rgba(218,187,118,.4)}
.iw-heading,.iw-page-head,.iw-library-section{max-width:1380px;margin:10px auto 8px}.iw-heading{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:16px}.iw-heading>span{grid-column:1/-1}.iw-heading h2,.iw-section-head h2,.iw-section-intro h2,.iw-library-section h2{margin:3px 0;font:700 21px/1.16 Georgia,"Noto Serif SC",serif}.iw-heading p{margin:0 0 2px;color:rgba(255,249,237,.42);font-size:10px}
.iw-categories{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.iw-category-card{position:relative;min-width:0;min-height:205px;overflow:hidden;padding:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(124px,.84fr);text-align:left;color:#fff9ed;border:1px solid rgba(218,187,118,.18);border-radius:18px;background:linear-gradient(150deg,#211b12,#11100c);box-shadow:0 12px 30px rgba(0,0,0,.16);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.iw-category-card:hover{transform:translateY(-2px);border-color:rgba(218,187,118,.38)}.iw-category-copy{z-index:2;padding:15px 8px 14px 17px;display:flex;flex-direction:column;align-items:flex-start}.iw-category-icon{width:29px;height:29px;display:grid;place-items:center;margin-bottom:6px;border:1px solid rgba(218,187,118,.24);border-radius:9px;background:rgba(218,187,118,.09);color:var(--iw-gold2);font-size:9px}.iw-category-copy>small{color:var(--iw-gold);font-size:8px;letter-spacing:.16em}.iw-category-card h2{margin:5px 0 4px;font:700 19px/1.16 Georgia,"Noto Serif SC",serif}.iw-category-card p{min-height:36px;margin:0 0 6px;color:rgba(255,249,237,.55);font-size:10px;line-height:1.48}.iw-feature-list{display:grid;gap:2px}.iw-category-card em{font-size:9px;font-style:normal;color:rgba(255,249,237,.72)}.iw-category-card em:before{content:"";width:3px;height:3px;margin-right:6px;display:inline-block;border-radius:50%;background:var(--iw-gold)}.iw-category-copy>b{margin-top:auto;padding-top:7px;color:var(--iw-gold);font-size:10px}.iw-category-copy>b i{font-style:normal;margin-left:4px}
.iw-category-visual{position:relative;min-width:0;margin:11px 10px 11px 0;border-radius:15px;background:linear-gradient(155deg,rgba(244,234,217,.12),rgba(218,187,118,.025));border:1px solid rgba(255,255,255,.07)}.portrait-art .iw-avatar{position:absolute;left:22%;top:18%;width:62%;aspect-ratio:1;border-radius:50% 50% 45% 45%;background:linear-gradient(145deg,#d8c3a1,#765e40);box-shadow:0 18px 30px rgba(0,0,0,.22)}.portrait-art .iw-avatar:before{content:"";position:absolute;left:27%;top:20%;width:46%;height:48%;border-radius:48% 48% 43% 43%;background:#2a221a}.portrait-art .iw-avatar i{position:absolute;left:7%;right:7%;bottom:-32%;height:56%;border-radius:50% 50% 10px 10px;background:#e2d5bd}.iw-portrait-card{position:absolute;width:35%;height:42%;bottom:8%;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(13,12,9,.78);backdrop-filter:blur(4px)}.iw-portrait-card.one{left:5%;transform:rotate(-5deg)}.iw-portrait-card.two{right:5%;transform:rotate(5deg)}.portrait-art small{position:absolute;left:0;right:0;bottom:8%;text-align:center;color:rgba(255,255,255,.58);font-size:8px}
.service-art .iw-focus-box{position:absolute;left:22%;top:12%;width:56%;height:40%;border:1px solid var(--iw-gold);border-radius:38% 42% 36% 44%;box-shadow:0 0 0 7px rgba(218,187,118,.06)}.iw-compare{position:absolute;top:60%;width:37%;height:27%;border-radius:7px}.iw-compare.left{left:8%;background:linear-gradient(135deg,#604f3b,#bfa881)}.iw-compare.right{right:8%;background:linear-gradient(135deg,#d8c8ac,#7c6241)}.iw-grid-dots{position:absolute;right:8%;top:8%;display:grid;grid-template-columns:repeat(2,8px);gap:3px}.iw-grid-dots i{width:8px;height:8px;border-radius:2px;background:rgba(255,255,255,.28)}
.promotion-art .iw-poster{position:absolute;left:8%;top:12%;width:47%;height:73%;border-radius:8px;background:linear-gradient(160deg,#e0c899,#776142);transform:rotate(-3deg);box-shadow:0 14px 26px rgba(0,0,0,.24)}.promotion-art .iw-poster i{position:absolute;left:14%;right:14%;top:12%;height:45%;border-radius:50% 50% 40% 40%;background:#332a20}.promotion-art .iw-poster b{position:absolute;left:14%;right:30%;bottom:14%;height:5px;background:rgba(255,255,255,.68);box-shadow:0 10px rgba(255,255,255,.34)}.iw-cover{position:absolute;right:8%;top:18%;width:43%;height:57%;border-radius:7px;background:#f1e7d4;color:#30271c;transform:rotate(4deg)}.iw-cover i{position:absolute;left:10%;right:10%;top:12%;height:35%;border-radius:5px;background:#9c7c4d}.iw-cover b,.iw-cover em{position:absolute;left:10%;height:4px;background:#3b3024}.iw-cover b{right:20%;bottom:30%}.iw-cover em{right:38%;bottom:18%}.iw-carousel{position:absolute;right:10%;bottom:7%;display:flex;gap:3px}.iw-carousel i{width:14px;height:4px;border-radius:4px;background:rgba(255,255,255,.38)}
.iw-two{max-width:1380px;margin:9px auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:12px}.iw-two>div,.iw-library-section{padding:12px 14px;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:#15130f}.iw-section-head{min-height:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.iw-section-head h2{font-size:20px}.iw-section-head p{margin:3px 0 0;color:rgba(255,249,237,.42);font-size:10px}.iw-section-head button,.iw-section-intro button{border:0;background:transparent;color:var(--iw-gold);font-size:11px;cursor:pointer}.iw-empty{padding:11px;border-radius:12px;background:rgba(255,255,255,.035);color:rgba(255,249,237,.5)}.iw-empty strong{color:#fff9ed}.iw-empty p{margin:5px 0 0;font-size:11px}.iw-empty-compact{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}.iw-empty-compact button{height:34px;padding:0 13px;white-space:nowrap;border:1px solid rgba(218,187,118,.3);border-radius:999px;background:rgba(218,187,118,.08);color:var(--iw-gold2)}.iw-asset-empty{min-height:58px;display:flex;align-items:center;gap:14px}.iw-empty-picture{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#2c251a,#17140f);border:1px solid rgba(218,187,118,.16)}.iw-empty-picture i{width:28px;height:22px;border:1px solid rgba(218,187,118,.55);border-radius:5px;transform:rotate(-4deg)}.iw-asset-empty small{display:block;margin-top:6px;color:rgba(255,249,237,.3);font-size:9px}.iw-row-list{display:grid;gap:7px}.iw-row-list button{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:10px;text-align:left;color:#fff9ed;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0f0e0b}.iw-row-list em{color:var(--iw-gold)}
.iw-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.iw-assets article{min-width:0;overflow:hidden;border-radius:11px;background:var(--iw-paper);color:#201a11}.iw-assets img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover}.iw-assets article>div:last-child{display:grid;gap:3px;padding:9px}.iw-assets strong,.iw-assets small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iw-assets small{color:#786b57}.iw-assets a{color:#76571f;font-size:10px}.iw-system-thumb{position:relative;min-height:96px;overflow:hidden;padding:12px!important;display:flex!important;flex-direction:column;justify-content:space-between;color:#f5e8cd;background:radial-gradient(circle at 78% 20%,rgba(238,211,150,.28),transparent 28%),linear-gradient(145deg,#272116,#11100c)}.iw-system-thumb:before,.iw-system-thumb:after{content:"";position:absolute;border:1px solid rgba(240,215,159,.24);transform:rotate(-8deg)}.iw-system-thumb:before{width:48px;height:62px;right:13px;bottom:-10px;border-radius:22px 22px 8px 8px}.iw-system-thumb:after{width:32px;height:32px;right:32px;top:16px;border-radius:50%}.iw-system-thumb>span{position:relative;z-index:1;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(240,215,159,.28);border-radius:8px;color:var(--iw-gold2);font-size:7px;letter-spacing:.08em}.iw-system-thumb>b{position:relative;z-index:1;font:700 14px/1.2 Georgia,"Noto Serif SC",serif}.iw-system-thumb>i{position:absolute;left:12px;bottom:34px;width:32px;height:2px;background:var(--iw-gold);box-shadow:0 5px rgba(240,215,159,.22)}.iw-system-thumb.blogger{background:radial-gradient(circle at 72% 22%,rgba(214,170,119,.3),transparent 28%),linear-gradient(145deg,#30251b,#14100d)}.iw-system-thumb.fusion{background:linear-gradient(135deg,#16140f 0 45%,#9a7c4c 46% 52%,#292116 53%)}.iw-system-thumb.service{background:radial-gradient(ellipse at 70% 44%,transparent 0 20%,rgba(236,204,136,.28) 21% 22%,transparent 23%),linear-gradient(145deg,#242018,#0f0e0b)}.iw-system-thumb.promotion{background:linear-gradient(155deg,#d7c49c 0 28%,#2a2116 29% 68%,#a78047 69%)}.iw-system-fallback{padding:0!important}.iw-system-fallback[hidden]{display:none!important}.iw-material-note{margin:7px 2px 0;color:rgba(255,249,237,.34);font-size:9px}
.iw-toolbox{max-width:1380px;margin:14px auto;padding:17px 18px;border:1px solid var(--iw-line);border-radius:18px;background:linear-gradient(135deg,#1b1710,#11100c)}.iw-section-intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.iw-section-intro h2{font-size:20px}.iw-section-intro p{margin:3px 0 0;color:rgba(255,249,237,.43);font-size:10px}.iw-toolbox-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.iw-quick-tool{position:relative;min-width:0;min-height:82px;padding:11px;display:grid;grid-template-columns:32px 1fr;gap:9px;text-align:left;color:#fff9ed;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer}.iw-quick-tool>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(218,187,118,.12);color:var(--iw-gold2);font-style:normal;font-size:11px}.iw-quick-tool>span{min-width:0}.iw-quick-tool strong{display:block;font-size:12px}.iw-quick-tool small{display:block;margin-top:4px;overflow:hidden;color:rgba(255,249,237,.4);font-size:9px;line-height:1.4}.iw-quick-tool>em{position:absolute;right:8px;bottom:7px;color:var(--iw-gold);font-size:8px;font-style:normal}.iw-quick-tool:disabled{cursor:default;opacity:.48}.iw-note{max-width:1380px;margin:16px auto 2px;color:rgba(255,249,237,.38);font-size:10px}
.iw-page-head{padding:22px 0}.iw-tool-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.iw-tool-card{position:relative;min-height:175px;padding:22px;text-align:left;color:#fff9ed;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#17140f;cursor:pointer}.iw-tool-card:disabled{cursor:default;opacity:.58}.iw-tool-card strong{display:block;margin:28px 0 8px;font-size:19px}.iw-tool-card p{color:rgba(255,249,237,.6);line-height:1.55}.iw-tool-card>b{color:var(--iw-gold)}.iw-status{position:absolute;top:16px;right:16px;padding:5px 8px;border-radius:999px;font-size:10px}.iw-status.ready{background:#d9b86f;color:#1a1409}.iw-status.beta{background:#53462e;color:#f6db9d}.iw-status.partial{background:#69482b;color:#ffd7aa}.iw-status.coming_soon{background:#2a2925;color:#aaa69e}.iw-legacy-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 16px;border:1px solid rgba(217,184,111,.22);border-radius:13px;background:#14110c;color:#fff9ed}
@media(max-width:1100px){.iw-category-card{grid-template-columns:minmax(0,1.2fr) minmax(105px,.8fr)}.iw-category-card h2{font-size:18px}.iw-category-copy{padding-left:17px}.iw-toolbox-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.image-workbench{padding:12px 14px calc(94px + env(safe-area-inset-bottom));overflow-x:hidden}.iw-topline{display:block;margin-bottom:9px}.iw-topline span{display:block;margin-top:6px;line-height:1.45}.iw-hero{min-height:0;grid-template-columns:1fr;gap:18px;padding:22px 18px}.iw-hero h1{font-size:35px}.iw-hero p{font-size:13px}.iw-hero-data{gap:7px}.iw-hero-data article{min-height:86px;padding:11px 9px}.iw-hero-data span{font-size:9px}.iw-hero-data b{font-size:25px}.iw-hero-data small{font-size:8px}.iw-flow-band{justify-content:flex-start;gap:7px;overflow:hidden;padding:8px 9px}.iw-flow-band span{font-size:9px;white-space:nowrap}.iw-flow-band i{display:none}.iw-flow-band>b{font-size:9px}.iw-heading{display:block;margin-top:17px}.iw-heading p{margin-top:4px}.iw-categories,.iw-two,.iw-tool-grid{grid-template-columns:1fr}.iw-category-card{min-height:250px;grid-template-columns:minmax(0,1.15fr) minmax(118px,.85fr)}.iw-category-copy{padding:18px 8px 17px 18px}.iw-category-visual{margin:14px 12px 14px 0}.iw-category-card p{min-height:0;font-size:11px}.iw-two{gap:9px}.iw-two>div{padding:15px}.iw-empty-compact{min-height:64px;padding:13px}.iw-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.iw-section-intro{align-items:flex-start}.iw-toolbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iw-quick-tool{min-height:88px}.iw-row-list button{grid-template-columns:1fr auto}.iw-row-list small{grid-column:1/-1}.iw-legacy-nav{position:sticky;top:0;z-index:12;font-size:11px}}
.iw-category-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.iw-category-card:hover .iw-category-visual>img{transform:scale(1.025)}.iw-category-visual>span{position:absolute;right:7px;bottom:7px;left:7px;padding:6px 7px;border-radius:7px;color:#f7ead0;background:rgba(12,11,9,.78);font-size:8px;line-height:1.35;backdrop-filter:blur(5px)}.iw-category-visual.portrait-art>img{object-position:center 20%}.iw-category-visual.service-art>img,.iw-category-visual.promotion-art>img{object-position:center}
.iw-medical-result-preview{display:flex;min-height:0;padding:8px;overflow:hidden;flex-direction:column;background:radial-gradient(circle at 75% 15%,rgba(218,187,118,.14),transparent 32%),linear-gradient(155deg,#221b15,#0f0d0b)}.iw-medical-photo{position:relative;height:124px;overflow:hidden;border:1px solid rgba(218,187,118,.22);border-radius:9px;background:#17130f}.iw-medical-photo>img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;min-height:0;object-fit:contain;transform:none!important}.iw-medical-photo>span{position:absolute;top:6px;bottom:auto;width:auto;padding:3px 5px;border:1px solid rgba(255,255,255,.18);border-radius:5px;color:#fff;background:rgba(18,14,11,.72);font-size:5.5px;font-weight:800;line-height:1.15;letter-spacing:.08em;backdrop-filter:blur(4px)}.iw-medical-photo>span.before{left:5px;right:auto}.iw-medical-photo>span.after{right:5px;left:auto;color:#f5dca7;border-color:rgba(218,187,118,.32)}.iw-medical-photo>span small{display:block;margin-top:2px;color:rgba(255,255,255,.68);font-size:5px;font-weight:500;letter-spacing:0}.iw-medical-photo.image-error:after{content:"医美项目前后效果预览";position:absolute;inset:0;display:grid;place-items:center;color:#d8bf8b;font-size:7px}.iw-effect-focus{display:flex;gap:3px;margin-top:6px}.iw-effect-focus span{position:static;flex:1;padding:4px 1px;border:1px solid rgba(218,187,118,.16);border-radius:4px;color:#ddc38c;text-align:center;background:rgba(218,187,118,.06);font-size:5.5px;white-space:nowrap;backdrop-filter:none}.iw-medical-result-preview>strong{display:block;margin-top:auto;padding-top:4px;color:#f2dfb4;font-size:7px;letter-spacing:.06em}
.iw-medical-photo{height:auto;aspect-ratio:4/3}.iw-medical-photo:not(.image-error):after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:11%;background:#17130f}.iw-medical-photo>span{z-index:2}
.iw-category-card{grid-template-columns:minmax(0,45%) minmax(0,55%)}.iw-category-copy{padding-right:6px}.iw-medical-result-preview{position:relative;padding:0}.iw-medical-photo{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:14px}.iw-medical-photo>img{width:100%;height:100%;object-fit:cover}.iw-medical-photo:not(.image-error):after{height:28%;background:linear-gradient(transparent,rgba(14,11,8,.9))}.iw-medical-photo>span{top:8px;padding:4px 6px;color:#f7ead0;border-color:rgba(240,215,159,.28);background:rgba(17,13,10,.7);font-size:6px}.iw-medical-photo>span.before{left:7px}.iw-medical-photo>span.after{right:7px}.iw-effect-focus{position:absolute;z-index:3;right:7px;bottom:7px;left:7px;gap:4px;margin:0}.iw-effect-focus span{padding:5px 2px;color:#f3ddb0;border-color:rgba(240,215,159,.22);background:rgba(21,16,11,.72);font-size:6px;backdrop-filter:blur(5px)}
@media(max-width:1100px) and (min-width:761px){.iw-category-card{grid-template-columns:minmax(0,45%) minmax(0,55%)}}
@media(max-width:760px){.iw-category-card{grid-template-columns:1fr;min-height:430px}.iw-category-copy{min-height:218px;padding-right:18px}.iw-category-visual{width:auto;min-height:190px;margin:0 14px 14px}.iw-medical-photo>span{font-size:7px}.iw-effect-focus span{font-size:7px}}
.iw-hero{min-height:174px;padding-top:18px;padding-bottom:18px}.iw-hero h1{margin:6px 0 7px}.iw-hero p{line-height:1.6}.iw-hero-copy>button{margin-top:14px}.iw-hero-data{align-items:stretch}.iw-hero-data article{min-height:98px;padding:12px 13px;border-color:rgba(240,215,159,.12);background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(218,187,118,.045))}.iw-flow-band{margin-top:7px;border-color:rgba(218,187,118,.12);color:rgba(255,249,237,.64)}.iw-flow-band i{border:1px solid rgba(218,187,118,.18);background:rgba(218,187,118,.12)}
.iw-category-card{grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:232px;border-color:rgba(218,187,118,.22);background:radial-gradient(circle at 85% 5%,rgba(218,187,118,.07),transparent 35%),linear-gradient(150deg,#211b12,#11100c);box-shadow:0 16px 36px rgba(0,0,0,.22)}.iw-category-copy{padding:16px 6px 15px 17px}.iw-category-card h2{margin-top:6px;line-height:1.2}.iw-category-card p{margin-bottom:7px;line-height:1.55}.iw-feature-list{gap:3px}.iw-category-copy>b{padding-top:9px}.iw-category-visual{margin:10px 10px 10px 5px;border-color:rgba(240,215,159,.13);border-radius:14px;box-shadow:0 12px 24px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.025)}.iw-category-visual>span{right:6px;bottom:6px;left:6px;padding:5px 6px;color:rgba(255,246,228,.88);background:rgba(13,11,8,.6);font-size:7px;backdrop-filter:blur(7px)}
.iw-medical-result-preview{padding:5px;background:linear-gradient(155deg,#34291e,#15110d)}.iw-medical-photo{border:1px solid rgba(240,215,159,.18);border-radius:10px;box-shadow:inset 0 0 22px rgba(74,48,25,.14)}.iw-medical-photo:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(232,199,137,.055),transparent 34%,rgba(255,241,215,.035))}.iw-medical-photo>span{top:7px;padding:3px 5px;border-color:rgba(240,215,159,.2);color:rgba(255,247,233,.9);background:rgba(22,17,12,.58);font-size:5.5px;font-weight:650;letter-spacing:.03em}.iw-effect-focus{right:11px;bottom:10px;left:11px}.iw-effect-focus span{padding:4px 2px;border-color:rgba(240,215,159,.16);color:rgba(248,225,179,.9);background:rgba(24,18,12,.64);font-size:5.5px;font-weight:550}
.iw-two{align-items:stretch;gap:11px}.iw-two>div{min-height:142px;padding:13px 15px;border-color:rgba(240,215,159,.11);background:linear-gradient(145deg,#191610,#12100d);box-shadow:0 12px 28px rgba(0,0,0,.13)}.iw-empty-compact{min-height:58px;padding:10px 12px;border:1px solid rgba(240,215,159,.075);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(218,187,118,.025))}.iw-empty-compact p{margin-top:3px}.iw-empty-compact button{height:32px;border-color:rgba(218,187,118,.38);background:rgba(218,187,118,.1);color:var(--iw-gold2)}
.iw-assets{gap:9px}.iw-assets article{min-height:132px;border:1px solid rgba(117,86,39,.16);box-shadow:0 8px 18px rgba(0,0,0,.12)}.iw-assets article>div:last-child{min-height:57px;padding:9px 10px}.iw-assets strong{font-size:11px}.iw-assets small{font-size:9px}.iw-assets a{font-weight:700}.iw-system-thumb{min-height:92px;background:radial-gradient(circle at 78% 20%,rgba(238,211,150,.18),transparent 28%),linear-gradient(145deg,#262116,#12100d)}
.iw-toolbox{padding:18px;border-color:rgba(218,187,118,.2);background:radial-gradient(circle at 90% 0,rgba(218,187,118,.08),transparent 28%),linear-gradient(135deg,#1b1710,#100f0c);box-shadow:0 16px 36px rgba(0,0,0,.16)}.iw-section-intro button{padding:7px 10px;border:1px solid rgba(218,187,118,.18);border-radius:999px;background:rgba(218,187,118,.06)}.iw-toolbox-grid{gap:9px}.iw-quick-tool{min-height:88px;padding:12px;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.025)}.iw-quick-tool.ready{border-color:rgba(218,187,118,.2);background:linear-gradient(145deg,rgba(218,187,118,.1),rgba(255,255,255,.025))}.iw-quick-tool.beta{border-color:rgba(218,187,118,.13)}.iw-quick-tool.coming_soon:disabled{opacity:.62;background:rgba(255,255,255,.018)}.iw-quick-tool strong{font-size:12px}.iw-quick-tool small{color:rgba(255,249,237,.5)}.iw-quick-tool>em{padding:2px 5px;border-radius:999px;background:rgba(218,187,118,.08)}
@media(max-width:1100px) and (min-width:761px){.iw-category-card{grid-template-columns:minmax(0,47%) minmax(0,53%)}}
@media(max-width:760px){.iw-hero{padding:20px 17px}.iw-category-card{grid-template-columns:1fr;min-height:424px}.iw-category-copy{min-height:214px;padding:17px 17px 13px}.iw-category-visual{min-height:194px;margin:0 12px 12px}.iw-two>div{min-height:0}.iw-toolbox{padding:15px}.iw-quick-tool{min-height:90px}.iw-medical-photo>span,.iw-effect-focus span{font-size:6.5px}}
.iw-category-copy{position:relative}.iw-category-copy>small{position:absolute;top:21px;left:54px;color:rgba(218,187,118,.52);font-size:7px;letter-spacing:.12em}.iw-category-card h2{margin:7px 0 7px;font-size:clamp(24px,1.75vw,28px);font-weight:780;line-height:1.18;letter-spacing:-.025em}.iw-category-card p{display:-webkit-box;min-height:48px;margin:0 0 10px;overflow:hidden;color:rgba(255,249,237,.66);font-size:15px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:2}.iw-feature-list{display:flex;gap:6px;flex-wrap:wrap}.iw-category-card em{padding:5px 8px;border:1px solid rgba(218,187,118,.16);border-radius:999px;color:rgba(255,244,222,.82);background:rgba(218,187,118,.07);font-size:13px;line-height:1;white-space:nowrap}.iw-category-card em:before{display:none}.iw-category-copy>b{font-size:15px;line-height:1.2}
.iw-category-card .iw-category-copy{padding-right:2px;padding-left:12px}.iw-category-card p{font-size:14px;line-height:1.6}.iw-category-copy>small{left:49px}
@media(max-width:760px){.iw-category-copy>small{top:22px;left:56px;font-size:7px}.iw-category-card h2{font-size:26px;line-height:1.2}.iw-category-card p{min-height:auto;font-size:15px;line-height:1.55;-webkit-line-clamp:3}.iw-category-card em{padding:5px 9px;font-size:13px}.iw-category-copy>b{font-size:15px}}
@media(max-width:380px){.iw-feature-list{gap:4px}.iw-category-card em{padding-right:8px;padding-left:8px}}
@media(max-width:1400px) and (min-width:761px){.iw-category-card p{font-size:12.5px;letter-spacing:-.04em}}
@media(max-width:760px){.iw-category-card{height:427px;min-height:427px}}
.iw-category-card{background:radial-gradient(circle at 12% 12%,rgba(218,187,118,.09),transparent 34%),linear-gradient(135deg,rgba(38,31,19,.98),rgba(19,18,15,.99) 56%,#0d0d0c)}.iw-category-copy{overflow:hidden;background:linear-gradient(150deg,rgba(48,39,24,.36),rgba(20,18,14,.14) 68%,rgba(218,187,118,.025))}.iw-category-copy:after{content:"";position:absolute;right:10px;bottom:14px;width:42px;height:1px;background:linear-gradient(90deg,rgba(218,187,118,.28),transparent)}.iw-category-card h2{min-height:60px}.iw-category-card p{min-height:48px}.iw-feature-list{min-height:56px;align-content:flex-start}.iw-category-copy>b{position:relative;z-index:1;margin-top:9px;padding-top:0}.iw-category-copy>b:before{content:"";position:absolute;right:calc(100% + 8px);bottom:7px;width:16px;height:1px;background:rgba(218,187,118,.2)}
.iw-assets article{display:grid;grid-template-rows:92px 64px;min-height:156px;overflow:hidden}.iw-assets img{width:100%;height:92px;aspect-ratio:auto;object-fit:cover}.iw-system-thumb{min-height:92px;height:92px}.iw-assets article>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 7px;min-height:64px;padding:9px 10px}.iw-assets article>div:last-child strong{grid-column:1/-1;font-size:11px}.iw-assets article>div:last-child small{grid-column:1}.iw-assets article>div:last-child a{grid-column:2;grid-row:2;font-weight:800}.iw-system-fallback{height:92px}
.iw-two>div{background:radial-gradient(circle at 8% 0,rgba(218,187,118,.045),transparent 35%),linear-gradient(145deg,#1b1812,#12110e)}.iw-empty-compact{border-color:rgba(218,187,118,.12);background:linear-gradient(135deg,rgba(74,60,37,.22),rgba(255,255,255,.025))}
@media(max-width:760px){.iw-category-card h2{min-height:31px}.iw-category-card p{min-height:47px}.iw-feature-list{min-height:25px}.iw-category-copy>b{margin-top:9px}.iw-category-copy:after{bottom:12px}.iw-assets article{grid-template-rows:88px 64px;min-height:152px}.iw-assets img,.iw-system-thumb,.iw-system-fallback{height:88px;min-height:88px}}
.image-workbench{--iw-surface-1:#17140f;--iw-surface-2:#201b13;--iw-surface-3:#100f0c;--iw-text-main:#fff6e7;--iw-text-muted:#958a78;--iw-border-warm:rgba(218,187,118,.16);--iw-accent-soft:#dabb76;--iw-hover-surface:#252017;--iw-disabled-surface:#15130f}
.iw-assets article{border-color:var(--iw-border-warm);background:var(--iw-surface-1);color:var(--iw-text-main);box-shadow:0 10px 24px rgba(0,0,0,.22);transition:border-color .18s ease,background .18s ease,transform .18s ease}.iw-assets article:hover{border-color:rgba(218,187,118,.28);background:var(--iw-hover-surface);transform:translateY(-1px)}.iw-assets article>div:last-child{border-top:1px solid var(--iw-border-warm);color:var(--iw-text-main);background:linear-gradient(145deg,var(--iw-surface-2),var(--iw-surface-1))}.iw-assets article>div:last-child strong{color:var(--iw-text-main)}.iw-assets article>div:last-child small{color:var(--iw-text-muted)}.iw-assets article>div:last-child a{color:var(--iw-accent-soft)}
.iw-system-thumb{color:var(--iw-text-main);background:radial-gradient(circle at 78% 20%,rgba(218,187,118,.14),transparent 28%),linear-gradient(145deg,var(--iw-surface-2),var(--iw-surface-3))}.iw-system-thumb>span{color:var(--iw-accent-soft);border-color:var(--iw-border-warm);background:rgba(218,187,118,.055)}.iw-system-thumb>b{color:var(--iw-text-main)}.iw-system-thumb>i{background:var(--iw-accent-soft);box-shadow:0 5px rgba(218,187,118,.16)}.iw-system-thumb.blogger{background:radial-gradient(circle at 72% 22%,rgba(194,147,91,.16),transparent 30%),linear-gradient(145deg,#211a13,var(--iw-surface-3))}.iw-system-thumb.fusion{background:linear-gradient(135deg,var(--iw-surface-3) 0 45%,rgba(218,187,118,.4) 46% 51%,#211b13 52%)}.iw-system-thumb.service{background:radial-gradient(ellipse at 70% 44%,transparent 0 20%,rgba(218,187,118,.16) 21% 22%,transparent 23%),linear-gradient(145deg,#211d16,var(--iw-surface-3))}.iw-system-thumb.promotion{background:linear-gradient(155deg,#332a1d 0 28%,var(--iw-surface-3) 29% 68%,#5b472b 69%)}.iw-system-thumb.portrait,.iw-system-thumb.other{background:radial-gradient(circle at 73% 25%,rgba(218,187,118,.12),transparent 26%),linear-gradient(145deg,#211c14,var(--iw-surface-3))}
.iw-two>div{border-color:var(--iw-border-warm);background:radial-gradient(circle at 8% 0,rgba(218,187,118,.045),transparent 35%),linear-gradient(145deg,var(--iw-surface-1),#12110e)}.iw-empty-compact,.iw-asset-empty{border:1px solid rgba(218,187,118,.12);background:linear-gradient(135deg,rgba(74,60,37,.2),rgba(255,255,255,.025))}.iw-empty-compact button{border-color:rgba(218,187,118,.34);color:var(--iw-accent-soft);background:rgba(218,187,118,.08)}
.iw-quick-tool{background:linear-gradient(145deg,var(--iw-surface-2),var(--iw-surface-1))}.iw-quick-tool.ready{border-color:rgba(218,187,118,.22);background:linear-gradient(145deg,#282116,var(--iw-surface-1))}.iw-quick-tool.beta{border-color:rgba(218,187,118,.14);background:linear-gradient(145deg,#211d16,var(--iw-surface-1))}.iw-quick-tool.coming_soon:disabled{opacity:.68;color:rgba(255,246,231,.68);background:var(--iw-disabled-surface)}.iw-quick-tool.coming_soon:disabled small{color:rgba(255,246,231,.38)}
@media(max-width:760px){.iw-assets{grid-template-columns:1fr}.iw-assets article{grid-template-rows:104px 68px;min-height:172px}.iw-assets img,.iw-system-thumb,.iw-system-fallback{height:104px;min-height:104px}.iw-assets article>div:last-child{min-height:68px}}

/* Today visual-system alignment: mirrors the stable content-workbench design tokens. */
.image-workbench{--iw-bg:#0c0c0b;--iw-panel:#151411;--iw-panel2:#171612;--iw-paper-light:#f3ead9;--iw-paper-light-2:#e9d6af;--iw-gold:#d8b36a;--iw-gold2:#f0d49a;--iw-text-main:#f8f2e7;--iw-text-muted:#aaa294;--iw-line:#373126;--iw-border-warm:rgba(229,205,154,.11);--iw-radius-shell:24px;--iw-radius-panel:20px;--iw-radius-card:17px;--iw-shadow-panel:0 15px 38px rgba(0,0,0,.15);--iw-control-height:44px;--iw-section-gap:12px;padding:24px;border-radius:var(--iw-radius-shell);background:radial-gradient(circle at 72% 0,#342817 0,transparent 30%),var(--iw-bg);box-sizing:border-box}.image-workbench *{box-sizing:border-box}.iw-today-layout{width:100%;max-width:1380px;margin:0 auto}.iw-today-layout>.iw-hero,.iw-today-layout>.iw-flow-band,.iw-today-layout>.iw-quick-start-panel,.iw-today-layout>.iw-two,.iw-today-layout>.iw-toolbox,.iw-today-layout>.iw-note{max-width:none;width:100%}
.iw-kicker,.iw-hero-copy>.iw-kicker,.iw-heading>.iw-kicker,.iw-section-head .iw-kicker,.iw-section-intro .iw-kicker{color:var(--iw-gold);font-size:9px;line-height:1.2;letter-spacing:.17em;font-weight:650}.iw-unified-hero{min-height:172px;padding:20px 28px;border-color:var(--iw-border-warm);border-radius:var(--iw-radius-panel);background:linear-gradient(145deg,rgba(24,23,20,.97),rgba(14,14,12,.97));box-shadow:var(--iw-shadow-panel)}.iw-unified-hero h1{margin:5px 0 7px;font-size:clamp(26px,2.7vw,38px);line-height:1.08}.iw-unified-hero p{color:var(--iw-text-muted);font-size:14px;line-height:1.5}.iw-unified-hero .iw-hero-copy>button{min-height:var(--iw-control-height);height:var(--iw-control-height);margin-top:14px;border-radius:12px;background:var(--iw-gold);box-shadow:none}.iw-metric-grid{gap:8px}.iw-metric-card,.iw-hero-data .iw-metric-card{min-height:94px;padding:11px 13px;border-color:var(--iw-line);border-radius:14px;background:rgba(255,255,255,.025);box-shadow:none}.iw-metric-card span{color:var(--iw-text-muted)}.iw-metric-card b{color:var(--iw-gold2);font-size:22px}.iw-metric-card small{color:#827b70}
.iw-flow-band{margin:8px 0 var(--iw-section-gap);border-color:var(--iw-border-warm);border-radius:13px;background:#11110f}.iw-quick-start-panel{margin:0 0 var(--iw-section-gap);padding:18px;border:1px solid rgba(126,101,61,.18);border-radius:var(--iw-radius-panel);color:#201b14;background:linear-gradient(135deg,var(--iw-paper-light),var(--iw-paper-light-2));box-shadow:var(--iw-shadow-panel)}.iw-quick-start-panel .iw-heading{max-width:none;margin:0 0 12px}.iw-quick-start-panel .iw-heading h2{margin:4px 0;font-size:23px;color:#201b14}.iw-quick-start-panel .iw-heading p{margin:0;color:#786f61;font-size:13px}.iw-quick-start-panel .iw-heading>.iw-kicker{color:#8c7a5d}.iw-quick-start-panel .iw-categories{max-width:none}.iw-unified-card-grid{gap:10px}.iw-unified-card-grid .iw-category-card{min-height:278px;border-color:rgba(229,205,154,.12);border-radius:var(--iw-radius-card);background:linear-gradient(145deg,#211e18,#0e0e0d);box-shadow:0 12px 26px rgba(0,0,0,.16)}.iw-unified-card-grid .iw-category-card:hover{border-color:rgba(216,179,106,.34);box-shadow:0 16px 32px rgba(0,0,0,.22)}.iw-unified-card-grid .iw-category-visual{border-radius:14px}.iw-unified-card-grid .iw-category-icon{width:42px;height:42px;border-radius:14px}
.iw-home-grid{grid-template-columns:1fr 1fr;gap:var(--iw-section-gap);margin:0 0 var(--iw-section-gap)}.iw-home-grid>.iw-home-panel{min-height:0;padding:18px;border-color:var(--iw-border-warm);border-radius:var(--iw-radius-card);background:linear-gradient(145deg,rgba(24,23,20,.96),rgba(14,14,12,.96));box-shadow:0 14px 38px rgba(0,0,0,.13)}.iw-home-grid .iw-section-head h2,.iw-unified-panel .iw-section-intro h2{margin:4px 0;font-size:20px}.iw-home-grid .iw-section-head button,.iw-unified-panel .iw-section-intro button{min-height:32px;padding:7px 10px;border:1px solid rgba(216,179,106,.18);border-radius:12px;color:var(--iw-gold);background:rgba(216,179,106,.06)}.iw-home-grid .iw-empty-compact{min-height:82px;margin-top:12px;border-style:dashed}.iw-unified-panel{margin:0 0 var(--iw-section-gap);padding:18px;border-color:var(--iw-border-warm);border-radius:var(--iw-radius-card);background:linear-gradient(145deg,rgba(24,23,20,.96),rgba(14,14,12,.96));box-shadow:0 14px 38px rgba(0,0,0,.13)}.iw-unified-panel .iw-section-intro{margin-bottom:12px}.iw-unified-panel .iw-quick-tool{min-height:82px;border-radius:12px}.iw-note{margin:0;padding:12px 14px;border:1px solid var(--iw-border-warm);border-radius:13px;background:#11110f}
@media(max-width:1050px){.iw-unified-hero{grid-template-columns:1fr;gap:16px}.iw-home-grid{grid-template-columns:1fr}.iw-unified-card-grid{grid-template-columns:1fr 1fr}.iw-unified-card-grid .iw-category-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.image-workbench{padding:16px 14px calc(96px + env(safe-area-inset-bottom,0px));border-radius:16px}.iw-today-layout{max-width:none}.iw-unified-hero{padding:18px 16px;border-radius:18px}.iw-unified-hero h1{font-size:27px}.iw-unified-hero p{font-size:14px}.iw-metric-grid{width:100%;overflow-x:auto;grid-template-columns:repeat(3,minmax(104px,1fr));scrollbar-width:none}.iw-metric-grid::-webkit-scrollbar{display:none}.iw-metric-card,.iw-hero-data .iw-metric-card{min-width:104px;min-height:86px}.iw-quick-start-panel{padding:14px;border-radius:18px}.iw-quick-start-panel .iw-heading{margin-bottom:10px}.iw-quick-start-panel .iw-heading h2{font-size:22px}.iw-unified-card-grid{grid-template-columns:1fr}.iw-unified-card-grid .iw-category-card:last-child{grid-column:auto}.iw-unified-card-grid .iw-category-card{min-height:427px}.iw-home-grid>.iw-home-panel,.iw-unified-panel{padding:15px}.iw-home-grid .iw-section-head,.iw-unified-panel .iw-section-intro{align-items:flex-start}.iw-toolbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iw-note{margin-bottom:0}}

/* Formal image workspace: one document scroll, shrinkable columns, no viewport overflow. */
html:has(#images.page.active),body:has(#images.page.active){max-width:100%;overflow-x:clip}
#images.page.active,#images.page.active .image-workbench,#images.page.active .studio,#images.page.active .tool-rail,#images.page.active .tool-panel-shell,#images.page.active .panel,#images.page.active .form,#images.page.active .field,#images.page.active .two,#images.page.active .three,#images.page.active .playbook-workspace,#images.page.active .playbook-library,#images.page.active .playbook-composer,#images.page.active [data-universal-formal-runtime]{min-width:0;max-width:100%}
#images.page.active .studio{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);width:100%}
#images.page.active .tool-panel-shell,#images.page.active .panel,#images.page.active .form{width:100%}
#images.page.active input,#images.page.active select,#images.page.active textarea,#images.page.active button,#images.page.active .lux-select{max-width:100%}
#images.page.active .field>input,#images.page.active .field>select,#images.page.active .field>textarea,#images.page.active .field>.lux-select,#images.page.active .form>.btn{width:100%}
#images.page.active .playbook-grid{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}
#images.page.active .playbook-composer{position:static;top:auto}
#images.page.active .status,#images.page.active .preview,#images.page.active .playbook-empty,#images.page.active .uifr-image-preview,#images.page.active .uifr-image-error,#images.page.active [id$="Status"],#images.page.active [id$="Result"],#images.page.active [id$="Preview"]{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
#images.page.active .preview img,#images.page.active .preview video,#images.page.active [id$="Result"] img,#images.page.active [id$="Preview"] img{display:block;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1180px) and (min-width:821px){#images.page.active .studio{grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:14px}}
@media(max-width:820px){#images.page.active .studio,#images.page.active .playbook-workspace{grid-template-columns:minmax(0,1fr)}#images.page.active .tool-rail{position:static;top:auto}#images.page.active .panel{padding-inline:14px}}
@media(max-width:520px){#images.page.active .two,#images.page.active .three,#images.page.active .image-base-settings,#images.page.active .uifr-form .two{grid-template-columns:minmax(0,1fr)}#images.page.active .panel{padding-inline:12px}#images.page.active .status,#images.page.active .preview{padding-inline:12px}}
html:has(#imagesPage.page.active),body:has(#imagesPage.page.active){max-width:100%;overflow-x:clip}
#imagesPage.page.active,#imagesPage.page.active .image-workbench,#imagesPage.page.active .panel,#imagesPage.page.active .row,#imagesPage.page.active .field,#imagesPage.page.active [data-mobile-formal-pilot],#imagesPage.page.active .uifr-form{min-width:0;max-width:100%}
#imagesPage.page.active .row{grid-template-columns:minmax(0,1fr)}
#imagesPage.page.active input,#imagesPage.page.active select,#imagesPage.page.active textarea,#imagesPage.page.active button,#imagesPage.page.active .lux-select{max-width:100%}
#imagesPage.page.active .field>input,#imagesPage.page.active .field>select,#imagesPage.page.active .field>textarea,#imagesPage.page.active .field>.lux-select,#imagesPage.page.active .action{width:100%}
#imagesPage.page.active .status,#imagesPage.page.active #imageResult,#imagesPage.page.active .result-text,#imagesPage.page.active .uifr-image-preview,#imagesPage.page.active .uifr-image-error{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
#imagesPage.page.active #imageResult img,#imagesPage.page.active #imageResult video{display:block;max-width:100%;height:auto;object-fit:contain}
.iw-asset-preview{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#111;overflow:hidden;cursor:zoom-in}.iw-asset-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}.iw-asset-preview img[hidden],.iw-asset-state[hidden]{display:none!important}.iw-asset-preview:hover img{transform:scale(1.025);filter:brightness(1.06)}.iw-asset-preview:active img{transform:scale(1.01)}.iw-asset-preview:focus-visible{outline:2px solid var(--iw-gold2);outline-offset:-3px}.iw-asset-hover{position:absolute;right:8px;bottom:7px;padding:3px 7px;border:1px solid rgba(240,212,154,.35);border-radius:999px;color:#fff6e7;background:rgba(12,12,11,.72);font-size:9px;font-weight:700;opacity:0;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease}.iw-asset-preview:hover .iw-asset-hover,.iw-asset-preview:focus-visible .iw-asset-hover{opacity:1;transform:none}.iw-asset-state{display:grid;position:absolute;inset:0;place-items:center;padding:12px;color:#d8b36a;background:rgba(17,17,17,.86)}.iw-asset-status{display:grid;height:92px;place-items:center;padding:12px;color:#d8b36a;background:#151411;text-align:center}.iw-assets article>.iw-asset-info{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:3px 8px;align-items:center}.iw-asset-kind{grid-column:1/-1;justify-self:start;padding:2px 6px;border:1px solid rgba(216,179,106,.2);border-radius:999px;color:var(--iw-gold);background:rgba(216,179,106,.06);font-size:8px;line-height:1.25}.iw-asset-info>strong{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}.iw-asset-info>small{grid-column:1;grid-row:3;min-width:0}.iw-assets .iw-view-original,.iw-assets .iw-refresh-result{grid-column:2;grid-row:3;min-height:28px;padding:4px 9px;border:1px solid rgba(216,179,106,.34);border-radius:9px;color:var(--iw-gold2);background:rgba(216,179,106,.055);font:inherit;font-size:10px;font-weight:750;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .08s ease}.iw-assets .iw-view-original:hover,.iw-assets .iw-refresh-result:hover{border-color:rgba(240,212,154,.58);background:rgba(216,179,106,.12)}.iw-assets .iw-view-original:active,.iw-assets .iw-refresh-result:active{transform:translateY(1px)}.iw-assets .iw-view-original:focus-visible,.iw-assets .iw-refresh-result:focus-visible{outline:2px solid var(--iw-gold2);outline-offset:2px}.iw-unrecoverable{grid-column:2;grid-row:3;color:#958a78;font-size:10px}.iw-assets script{display:none}.iw-image-viewer{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.9)}.iw-image-viewer>div{display:grid;max-width:min(1100px,100%);max-height:100%;gap:12px}.iw-image-viewer img{display:block;max-width:100%;max-height:80vh;margin:auto;object-fit:contain}.iw-image-viewer section{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;color:#fff}.iw-image-viewer section p{width:100%;color:#f0d49a}.iw-viewer-close{position:fixed;top:16px;right:18px;width:44px;height:44px;border:1px solid #777;border-radius:50%;color:#fff;background:#222;font-size:28px}
@media(max-width:760px){.iw-asset-status{height:104px}.iw-asset-hover{display:none}.iw-assets .iw-view-original,.iw-assets .iw-refresh-result{min-width:82px;min-height:34px;padding:6px 10px}.iw-image-viewer{padding:64px 12px 18px}.iw-image-viewer img{max-height:74vh}}

/* Editorial image entry and flat catalog */
.image-workbench.iw-editorial-workbench{--iwe-bg:#090907;--iwe-surface:#11100e;--iwe-line:rgba(232,218,190,.14);--iwe-text:#f3eee5;--iwe-muted:#aaa096;--iwe-gold:#d8ad64;width:100%;min-height:100%;overflow-x:hidden;color:var(--iwe-text);background:var(--iwe-bg)}
.iw-editorial-entry,.iw-editorial-catalog{width:min(100% - clamp(32px,5vw,80px),1440px);margin:0 auto;padding:clamp(42px,5vw,78px) 0 64px}
.iw-editorial-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,560px);align-items:end;gap:clamp(28px,5vw,86px);margin-bottom:30px}
.iw-editorial-heading h1,.iw-editorial-catalog-head h1,.iw-editorial-recent h1{max-width:780px;margin:9px 0 8px;color:var(--iwe-text);font-size:clamp(38px,4.4vw,68px);line-height:.98;letter-spacing:-.055em}
.iw-editorial-heading p,.iw-editorial-catalog-head>p,.iw-editorial-recent p{margin:0;color:var(--iwe-muted);font-size:15px;line-height:1.75}
.iw-editorial-workbench .iw-kicker{color:var(--iwe-gold);font-size:11px;font-weight:800;letter-spacing:.18em}
.iw-editorial-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.iw-editorial-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px;border:1px solid var(--iwe-line);border-radius:13px;background:var(--iwe-surface)}
.iw-editorial-search input{min-width:0;border:0;outline:0;padding:0 13px;color:var(--iwe-text);background:transparent;font:inherit}.iw-editorial-search input::placeholder{color:#6f6860}
.iw-editorial-search button,.iw-editorial-more>button,.iw-editorial-load>button,.iw-editorial-actions button{border:0;border-radius:9px;padding:12px 19px;color:#1a140b;background:#ddb770;font-weight:800;cursor:pointer}
.iw-editorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.iw-editorial-card{min-width:0;overflow:hidden;padding:0;border:1px solid var(--iwe-line);border-radius:13px;color:inherit;text-align:left;background:var(--iwe-surface);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.iw-editorial-card:hover,.iw-editorial-card:focus-visible{transform:translateY(-2px);border-color:rgba(216,173,100,.46);background:#15120e;outline:0}
.iw-editorial-image{display:block;overflow:hidden;aspect-ratio:4/3;background:#17130f}.iw-editorial-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.iw-editorial-card:hover .iw-editorial-image img{transform:scale(1.018)}
.iw-editorial-fallback{display:grid;place-items:end start;padding:16px;color:#766b5c;background:#17130f}.iw-editorial-fallback i{font-size:10px;font-style:normal;letter-spacing:.16em}
.iw-editorial-copy{display:flex;min-height:132px;flex-direction:column;padding:16px}.iw-editorial-copy strong{font-size:16px;line-height:1.35}.iw-editorial-copy small{display:-webkit-box;margin-top:8px;overflow:hidden;color:var(--iwe-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.iw-editorial-copy em{margin-top:auto;padding-top:16px;color:#847a6f;font-size:10px;font-style:normal}
.iw-editorial-more{display:grid;place-items:center;gap:19px;padding-top:28px}.iw-editorial-more>button{width:min(100%,540px);border:1px solid var(--iwe-line);color:var(--iwe-gold);background:transparent}.iw-editorial-more p,.iw-editorial-catalog-note{color:#716960;font-size:11px;text-align:center}
.iw-editorial-more-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--iwe-line)}.iw-editorial-more-section>header{margin-bottom:16px}.iw-editorial-more-section h2{margin:7px 0 0;font-size:clamp(24px,2.4vw,34px)}
.iw-editorial-compact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.iw-editorial-compact-card{display:grid;min-width:0;overflow:hidden;padding:0;border:1px solid var(--iwe-line);border-radius:10px;color:var(--iwe-text);background:var(--iwe-surface);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.iw-editorial-compact-card:hover{transform:translateY(-2px);border-color:rgba(216,173,100,.46);background:#15120e}.iw-editorial-compact-card:focus-visible{outline:2px solid var(--iwe-gold);outline-offset:2px}
.iw-editorial-compact-image{display:block;min-width:0;overflow:hidden;aspect-ratio:4/3;background:#15130f}.iw-editorial-compact-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.iw-editorial-compact-card:hover .iw-editorial-compact-image img{transform:scale(1.018)}
.iw-editorial-compact-card>span:last-child{display:grid;gap:5px;min-width:0;padding:10px}.iw-editorial-compact-card strong,.iw-editorial-compact-card small{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical}.iw-editorial-compact-card strong{font-size:13px;line-height:1.35;-webkit-line-clamp:2}.iw-editorial-compact-card small{color:var(--iwe-muted);font-size:10px;line-height:1.45;-webkit-line-clamp:2}
.iw-editorial-recent{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);align-items:center;gap:clamp(30px,5vw,82px);margin-bottom:clamp(28px,3vw,40px);padding-bottom:clamp(24px,2.5vw,36px);border-bottom:1px solid var(--iwe-line)}.iw-editorial-recent-image{overflow:hidden;aspect-ratio:16/10;border-radius:13px;background:var(--iwe-surface)}.iw-editorial-recent-image img{width:100%;height:100%;object-fit:cover}.iw-editorial-recent h1{font-size:clamp(34px,3.8vw,58px)}.iw-editorial-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.iw-editorial-actions button:not(:first-child){border:1px solid var(--iwe-line);color:var(--iwe-text);background:transparent}
.iw-editorial-catalog{padding-top:36px}.iw-editorial-catalog-head{max-width:980px;margin-bottom:30px}.iw-editorial-catalog-head>button{margin-bottom:34px;padding:0;border:0;color:var(--iwe-muted);background:transparent;cursor:pointer}.iw-editorial-catalog-head h1{font-size:clamp(42px,4.8vw,70px)}.iw-editorial-catalog-head .iw-editorial-search{margin-top:25px}
.iw-editorial-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.iw-editorial-filters button{padding:9px 14px;border:1px solid var(--iwe-line);border-radius:999px;color:var(--iwe-muted);background:transparent;cursor:pointer}.iw-editorial-filters button.active{border-color:rgba(216,173,100,.56);color:#1a140b;background:var(--iwe-gold)}
.iw-editorial-load{display:grid;place-items:center;padding:28px 0 0}.iw-editorial-load>button{min-width:260px}.iw-editorial-no-results{display:grid;min-height:240px;place-content:center;justify-items:center;text-align:center;border-top:1px solid var(--iwe-line);border-bottom:1px solid var(--iwe-line)}.iw-editorial-no-results p{color:var(--iwe-muted)}.iw-editorial-no-results button{margin-top:14px;padding:10px 16px;border:1px solid var(--iwe-line);border-radius:9px;color:var(--iwe-gold);background:transparent;font-weight:750;cursor:pointer}.iw-editorial-no-results button:hover,.iw-editorial-no-results button:focus-visible{border-color:rgba(216,173,100,.5);outline:0}.iw-editorial-catalog-note{padding-top:32px}
@media(min-width:821px){.iw-editorial-entry{padding-top:clamp(30px,3.2vw,48px)}.iw-editorial-heading{gap:clamp(24px,3.5vw,56px);margin-bottom:24px}.iw-editorial-heading h1{font-size:clamp(38px,3.8vw,58px)}.iw-editorial-image{aspect-ratio:16/11}.iw-editorial-copy{min-height:116px;padding:14px}}
@media(max-width:1120px){.iw-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.iw-editorial-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.iw-editorial-entry,.iw-editorial-catalog{width:min(100% - 28px,720px);padding:34px 0 96px}.iw-editorial-heading{display:block;margin-bottom:24px}.iw-editorial-heading h1{font-size:clamp(34px,9vw,48px)}.iw-editorial-heading .iw-editorial-search{margin-top:20px}.iw-editorial-grid,.iw-editorial-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.iw-editorial-copy{min-height:104px;padding:12px}.iw-editorial-copy strong{font-size:14px}.iw-editorial-copy small{display:none}.iw-editorial-copy em{padding-top:9px;font-size:9px}.iw-editorial-recent{display:block}.iw-editorial-recent-image{margin-bottom:23px}.iw-editorial-recent h1{font-size:36px}.iw-editorial-catalog-head h1{font-size:42px}}
@media(max-width:350px){.iw-editorial-entry,.iw-editorial-catalog{width:min(100% - 20px,330px)}.iw-editorial-grid,.iw-editorial-compact-grid{grid-template-columns:1fr}.iw-editorial-image{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.iw-editorial-card,.iw-editorial-image img,.iw-editorial-compact-card,.iw-editorial-compact-image img{transition:none}}

#desk.new-home-host{max-width:none;padding:0;background:#080806}
#desk .new-home-page{
  --home-bg:#080806;
  --home-panel:#11100e;
  --home-panel-2:#171511;
  --home-line:#2b2822;
  --home-text:#f3efe7;
  --home-muted:#9f978c;
  --home-gold:#d6b264;
  --home-gold-soft:#ecd18e;
  width:100%;
  min-width:0;
  color:var(--home-text);
  background:var(--home-bg);
  overflow-x:hidden;
}
#desk .new-home-page *{box-sizing:border-box}
#desk .new-home-page button{font:inherit}
#desk .new-home-page img,#desk .new-home-page video{display:block;width:100%;height:100%;object-fit:cover}
#desk .new-home-page .home-main{width:min(100%,1760px);margin:0 auto;padding:42px clamp(28px,4vw,72px) 40px}

.home-loading,.home-load-error{min-height:520px;display:grid;place-items:center;color:#b7afa3}
.home-load-error{align-content:center;gap:12px}.home-load-error h1,.home-load-error p{margin:0}.home-load-error button{padding:12px 18px;border:0;border-radius:10px;background:#d6b264;color:#17120a}

.home-hero{padding-top:8px}
.home-hero-copy{margin:0 0 34px}
.home-product-label{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:#a9a196;font-size:14px;letter-spacing:.04em}
.home-product-label span{width:14px;height:14px;border:4px solid var(--home-gold);box-shadow:inset 0 0 0 2px #15120c}
.home-hero h1{margin:0;color:var(--home-text);font-size:clamp(38px,3.7vw,64px);font-weight:750;line-height:1.12;letter-spacing:-.04em;white-space:normal;overflow-wrap:anywhere}
.home-hero h1 em{color:var(--home-gold);font-style:normal;white-space:normal}
.home-hero-copy>p{margin:18px 0 0;color:#b8b0a5;font-size:clamp(16px,1.35vw,22px);line-height:1.6;white-space:normal;overflow-wrap:anywhere}

.home-creation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-creation-card{position:relative;min-width:0;height:385px;overflow:hidden;border:1px solid #36322b;border-radius:15px;background:var(--home-panel);cursor:pointer;transition:border-color .2s ease,transform .2s ease}
#desk .new-home-page .home-creation-media{display:block;width:100%;height:265px;min-height:0;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.home-creation-card:hover>.home-creation-media{transform:scale(1.015);filter:brightness(1.03)}
.home-creation-card:hover,.home-creation-card:focus-visible{border-color:#7b6335;transform:translateY(-2px);outline:none}
.home-creation-card:focus-visible{box-shadow:0 0 0 3px rgba(214,178,100,.34)}
.home-creation-card>footer{position:absolute;z-index:3;inset:auto 0 0;height:120px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:#11100f}
.home-creation-purpose{min-width:0;margin:0;color:#d0c8bc;font-size:14px;font-weight:600;line-height:1.45}
.home-creation-card button,.home-trend-card button,.home-case-row>button{border:1px solid transparent;border-radius:999px;background:var(--home-gold);color:#171209;font-weight:750;white-space:nowrap;cursor:pointer}
.home-creation-action{min-width:154px;min-height:48px;padding:0 24px;font-size:16px;font-weight:800}
.home-creation-card button:hover,.home-trend-card button:hover,.home-case-row>button:hover{background:var(--home-gold-soft)}

.home-moments-preview{display:grid!important;place-items:center;padding:14px;background:linear-gradient(145deg,#201d17,#0f0f0d)}
.home-moments-post{width:min(100%,330px);height:100%;overflow:hidden;border:1px solid #deddd9;border-radius:12px;background:#f7f7f5;color:#252525;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.home-moments-chrome{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:34px;padding:0 12px;border-bottom:1px solid #ddd;background:#f5f5f5;font-style:normal}
.home-moments-chrome>span{display:flex;align-items:center;gap:5px;color:#07c160;font-size:9px}.home-moments-chrome>span i{width:15px;height:11px;border-radius:50%;background:#07c160}.home-moments-chrome>b{font-size:11px}.home-moments-chrome>em{justify-self:end;font-style:normal}
.home-moments-content{padding:10px 12px}.home-moments-content header{display:flex;align-items:center;gap:8px}.home-moments-content header>img{width:28px!important;height:28px!important;border-radius:5px}.home-moments-content header strong,.home-moments-content header span{display:block}.home-moments-content header strong{color:#52678f;font-size:10px}.home-moments-content header span{margin-top:2px;color:#999;font-size:7px}
.home-moments-content>p{margin:7px 0;color:#303030;font-size:9px;line-height:1.45}.home-moments-post-images{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.home-moments-post-images img{height:74px!important;object-fit:cover}.home-moments-content>footer{display:flex;justify-content:space-between;margin-top:6px;color:#61708d;font-size:7px}

.home-section{padding-top:78px}
.home-section-heading{margin-bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.home-section-heading>div>span{color:var(--home-gold);font-size:13px;font-weight:750}
.home-section-heading h2{margin:10px 0 7px;font-size:clamp(28px,2.5vw,42px);line-height:1.18;letter-spacing:-.025em}
.home-section-heading p{margin:0;color:var(--home-muted);font-size:16px}
.home-section-heading>small{padding:9px 15px;border:1px solid #6e5930;border-radius:999px;color:#caa75d;white-space:nowrap}
.home-section-heading.compact{margin-bottom:20px}

.home-trending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-trend-card{min-width:0;overflow:hidden;border:1px solid var(--home-line);border-radius:17px;background:var(--home-panel);transition:transform .2s ease,border-color .2s ease}
.home-trend-card:hover{transform:translateY(-3px);border-color:#665432}
#desk .new-home-page .home-trend-card>img{height:245px;filter:saturate(.78)}
.home-trend-card>div{padding:18px;border-top:1px solid #29251f}
.home-trend-card small{color:var(--home-gold);font-size:12px;font-weight:700}
.home-trend-card h3{margin:8px 0 6px;font-size:23px}
.home-trend-card p{min-height:44px;margin:0 0 14px;color:#afa79b;font-size:14px;line-height:1.55}
.home-trend-card button{width:100%;min-height:44px}

.home-cases{padding-top:82px}
.home-case-row{min-width:0;padding:20px 22px;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(560px,1.8fr) auto;gap:28px;align-items:center;border-top:1px solid var(--home-line);background:#0e0d0b}
.home-case-row:nth-of-type(2){background:#12100d}
.home-case-row:nth-of-type(3){background:#0b0b09}
.home-case-row:nth-of-type(2) .home-case-copy{padding-left:14px;border-left:2px solid #735f36}
.home-case-row:nth-of-type(3) .home-case-copy{padding-left:14px;border-left:2px solid #403a30}
.home-case-row:last-child{border-bottom:1px solid var(--home-line)}
.home-case-copy>span{color:var(--home-gold);font-size:12px}
.home-case-copy h3{margin:7px 0 8px;font-size:25px}
.home-case-copy p{margin:0;color:#a9a195;font-size:14px;line-height:1.6}
.home-case-copy small{display:block;margin-top:12px;color:#b99d61;font-size:11px}
.home-stage-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.home-stage-strip figure,.home-mixed-results figure{position:relative;margin:0;min-width:0;height:155px;overflow:hidden;background:#1b1814}
.home-stage-strip figcaption{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:5px;background:#090806d9;font-size:11px}
.home-mixed-results{display:grid;grid-template-columns:1fr 1.32fr 1fr;gap:8px}
.home-mixed-results figure>b{position:absolute;z-index:2;left:8px;top:8px;padding:4px 7px;background:#090806d9;color:#ddd3c2;font-size:10px}
.home-mixed-results figure figcaption{position:absolute;right:8px;bottom:8px;padding:3px 6px;background:#090806d9;font-size:10px}
.home-copy-preview{height:155px;padding:17px 18px;color:#29231a;background:#e4d8c4}
.home-copy-preview b{color:#85682f;font-size:11px}
.home-copy-preview strong{display:block;margin:15px 0 8px;font-size:17px;line-height:1.35}
.home-copy-preview p{margin:0;color:#6c604f;font-size:11px}
.home-case-row>button{min-height:40px;padding:0 18px;border-color:#7e6636;background:transparent;color:var(--home-gold)}

.home-recent{margin-top:62px;padding:20px;border:1px solid var(--home-line);border-radius:15px;background:#0e0d0b}
.home-recent>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.home-recent h2{margin:0;font-size:20px}
.home-recent>header button{border:0;background:transparent;color:#b4aa9c;cursor:pointer}
.home-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-recent-grid article{min-width:0;padding:10px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;border:1px solid #26231e;border-radius:10px}
.home-recent-grid article>img{height:92px;border-radius:7px}
.home-recent-grid strong,.home-recent-grid small{display:block}
.home-recent-grid small{margin-top:5px;color:#847d74;font-size:11px}
.home-recent-grid p{margin:15px 0 0;display:flex;flex-wrap:wrap;gap:9px}
.home-recent-grid p button{padding:0;border:0;background:transparent;color:#c9a85e;font-size:11px;cursor:pointer}

.home-utility-nav{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--home-line);border-radius:14px;background:#11100e}
.home-utility-nav button{min-width:0;padding:19px 21px;text-align:left;border:0;border-right:1px solid var(--home-line);background:transparent;color:var(--home-text);cursor:pointer}
.home-utility-nav button:last-child{border-right:0}
.home-utility-nav strong,.home-utility-nav span{display:block}
.home-utility-nav strong{font-size:15px}.home-utility-nav span{margin-top:5px;color:#8e877d;font-size:11px}
.home-footer{padding:30px 3px 8px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#726c64;font-size:11px}
.home-footer p{margin:0;text-align:right}

@media(max-width:1180px){
  #desk .new-home-page .home-main{padding-left:26px;padding-right:26px}
  .home-creation-card{height:340px}
  .home-creation-card>footer{height:110px;padding:16px;gap:14px}
  #desk .new-home-page .home-creation-media{height:230px}
  .home-creation-action{min-width:138px;padding:0 18px;font-size:15px}
  .home-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-case-row{grid-template-columns:210px minmax(0,1fr)}.home-case-row>button{grid-column:2;justify-self:end}
}

@media(max-width:768px){
  #desk.new-home-host{padding-bottom:78px}
  #desk .new-home-page .home-main{width:100%;padding:24px 14px 28px}
  .home-product-label{font-size:12px}
  .home-hero h1{font-size:clamp(31px,10vw,43px);line-height:1.16}
  .home-hero h1 em{display:contents}
  .home-hero-copy>p{margin-top:14px;font-size:15px}
  .home-hero-copy{margin-bottom:24px}
  .home-creation-grid{grid-template-columns:1fr;gap:14px}
  .home-creation-card{height:305px}
  #desk .new-home-page .home-creation-media{height:208px}
  .home-creation-card>footer{height:97px;padding:14px 16px}
  .home-creation-purpose{font-size:13px}.home-creation-action{min-width:138px;padding:0 18px;font-size:14px}
  .home-section{padding-top:52px}
  .home-section-heading{display:block;margin-bottom:18px}.home-section-heading h2{font-size:27px}.home-section-heading p{font-size:14px;line-height:1.5}
  .home-section-heading>small{display:inline-block;margin-top:12px;font-size:10px}
  .home-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #desk .new-home-page .home-trend-card>img{height:150px}.home-trend-card>div{padding:12px}.home-trend-card h3{font-size:17px}.home-trend-card p{min-height:52px;font-size:12px}.home-trend-card button{min-height:40px;font-size:12px}
  .home-cases{padding-top:56px}
  .home-case-row{padding:20px 0;grid-template-columns:1fr;gap:16px;background:transparent}
  .home-case-row>button{grid-column:auto;justify-self:start}
  .home-stage-strip{overflow-x:auto;grid-template-columns:repeat(4,128px);padding-bottom:5px}
  .home-stage-strip figure{height:150px}
  .home-mixed-results{grid-template-columns:1fr 1fr}.home-mixed-results>*:nth-child(2){grid-column:1/-1;grid-row:2}.home-copy-preview{height:135px}
  .home-recent{margin-top:44px;padding:15px}.home-recent-grid{grid-template-columns:1fr}
  .home-utility-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-utility-nav button:nth-child(2){border-right:0}.home-utility-nav button:nth-child(-n+2){border-bottom:1px solid var(--home-line)}
  .home-footer{display:block;line-height:1.6}.home-footer p{margin-top:8px;text-align:left}
}

@media(max-width:430px){
  .home-creation-card{height:295px}
  #desk .new-home-page .home-creation-media{height:168px}
  .home-creation-card>footer{height:127px;grid-template-columns:1fr;align-content:center;gap:12px;padding:14px 16px}
  .home-creation-action{width:100%;min-width:0}
  .home-moments-preview{padding:8px}
  .home-moments-chrome{height:28px}
  .home-moments-content{padding:6px 8px}
  .home-moments-content header>img{width:22px!important;height:22px!important}
  .home-moments-content>p{margin:5px 0;font-size:8px}
  .home-moments-post-images img{height:38px!important}
  .home-moments-content>footer{margin-top:4px}
  .home-trending-grid{grid-template-columns:1fr 1fr}
  #desk .new-home-page .home-trend-card>img{height:132px}
  .home-trend-card h3{font-size:16px}
  .home-trend-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

.ml-page,.ml-promo{--ml-ink:#262920;--ml-muted:#69695c;--ml-gold:#e6c783;--ml-paper:#f3f0e7;box-sizing:border-box;font-family:inherit;color:var(--ml-ink)}
.ml-page *,.ml-promo *{box-sizing:border-box}.ml-page{background:var(--ml-paper);border-radius:24px;padding:0 46px 32px;max-width:1440px;margin:0 auto;overflow:clip}.ml-page h1,.ml-page h2,.ml-page h3,.ml-promo h2{color:var(--ml-ink);font-weight:700;letter-spacing:-.04em;line-height:1.22;margin:0}.ml-page h1{font-size:clamp(34px,3.9vw,62px);max-width:650px}.ml-page h2{font-size:clamp(27px,3vw,42px)}.ml-page h3{font-size:23px}.ml-page p{line-height:1.8;color:var(--ml-muted)}.ml-page img,.ml-promo img{display:block;width:100%;height:100%;object-fit:cover}.ml-page button,.ml-promo button,.ml-page a,.ml-promo a{font:inherit}.ml-page a,.ml-promo a{text-decoration:none}.ml-page :focus-visible,.ml-promo :focus-visible{outline:3px solid #92661a;outline-offset:4px}.ml-eyebrow{display:block;font-size:12px!important;font-weight:700;letter-spacing:.13em;color:#786331!important;margin-bottom:16px}.ml-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;border-bottom:1px solid #dcd7ca;font-size:12px;color:#68685e}.ml-topline a,.ml-topline button{color:inherit;background:none;border:0;cursor:pointer;padding:8px 0}.ml-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center;padding:48px 0 32px}.ml-lead{font-size:17px;max-width:540px;margin:24px 0}.ml-hero-price{display:flex;align-items:center;gap:14px;margin:24px 0}.ml-hero-price>strong{font-size:43px;font-weight:650;letter-spacing:-.04em}.ml-hero-price>span{color:#6b675b;font-size:13px;line-height:1.7}.ml-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ml-button{display:inline-flex!important;justify-content:center;align-items:center;gap:18px;border:1px solid #292e25!important;border-radius:8px!important;padding:15px 21px!important;min-height:48px;background:#292e25!important;color:#fff9e7!important;font-size:14px!important;font-weight:650!important;cursor:pointer;text-align:center;line-height:1.35;transition:background .15s}.ml-button:hover{background:#424b39!important}.ml-button:disabled{background:#777a70!important;border-color:#777a70!important;cursor:not-allowed}.ml-text-link{font-size:13px;color:#50523f;border-bottom:1px solid #92957f;padding:5px 0}.ml-fine{font-size:11px!important;line-height:1.7!important;color:#777366!important;margin:18px 0 0}.ml-caption{font-size:12px;text-align:center;margin:12px 0 0}.ml-compare{position:relative;width:100%;height:475px;overflow:hidden;border-radius:14px;background:#bcb3a6;isolation:isolate}.ml-compare img{position:absolute;inset:0;object-position:50% 36%}.ml-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--reveal))}.ml-tag{position:absolute;z-index:2;top:15px;padding:6px 10px;color:white;background:#242820b8;border-radius:5px;font-size:11px;pointer-events:none}.ml-tag-left{left:15px}.ml-tag-right{right:15px}.ml-divider{position:absolute;z-index:2;left:var(--reveal);top:0;bottom:0;width:2px;background:#fff9e4;pointer-events:none}.ml-divider b{position:absolute;top:52%;left:0;transform:translate(-50%,-50%);border-radius:50%;background:#fff9e4;color:#34382e;width:35px;height:35px;display:grid;place-items:center;font-style:normal}.ml-slider-label{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 0 18px;color:white;text-shadow:0 1px 6px #000;font-size:11px;pointer-events:none}.ml-slider-label input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;pointer-events:auto}.ml-compare:focus-within{outline:3px solid #997229;outline-offset:3px}.ml-value-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9d4c6;border-bottom:1px solid #d9d4c6;padding:22px 0;gap:12px;font-size:13px}.ml-value-strip b{font-size:11px;color:#8f783e;margin-right:14px}.ml-section{padding:62px 0;border-bottom:1px solid #dcd7ca;scroll-margin-top:25px}.ml-section-head{max-width:740px;margin-bottom:28px}.ml-section-head p{font-size:14px;max-width:640px}.ml-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ml-case{background:#fffdf6;border:1px solid #ded9cd;border-radius:16px;padding:12px}.ml-case .ml-compare{height:430px;border-radius:9px}.ml-case>div:last-child:not(.ml-compare){padding:24px 14px 8px}.ml-case .ml-eyebrow{margin-bottom:9px}.ml-case p{font-size:13px}.ml-workflow{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.ml-workflow .ml-section-head{margin:0}.ml-steps{list-style:none;padding:0;margin:25px 0;display:grid;gap:20px}.ml-steps li{display:flex;gap:14px;font-size:12px;line-height:1.8;color:#68685a}.ml-steps b{flex:none;width:29px;height:29px;border:1px solid #c7c4b6;border-radius:50%;display:grid;place-items:center;color:#736634}.ml-steps strong{display:block;color:#33372d;font-size:14px}.ml-platform{margin:0;border:1px solid #d6cebb;background:#e4dece;padding:8px;border-radius:12px;box-shadow:0 15px 32px #232a2214}.ml-platform img{height:auto;border-radius:6px}.ml-platform figcaption{font-size:11px;color:#716b5f;text-align:center;padding:12px 4px 3px}.ml-output-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.ml-video-card{background:#242920;color:#fff7e5;border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr;gap:24px}.ml-video-wrap{max-width:240px;margin:auto;width:100%;background:#151813;border-radius:10px;overflow:hidden}.ml-video-wrap video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.ml-video-card h3{color:#fff7e5;font-size:22px}.ml-video-card p{color:#c0c2b4;font-size:13px}.ml-video-card .ml-eyebrow{color:#e6c783!important}.ml-publishing{border:1px solid #d8d3c4;border-radius:16px;overflow:hidden;background:#e8e3d5}.ml-editorial-image{position:relative;height:310px;overflow:hidden}.ml-editorial-image img{object-position:50% 35%}.ml-editorial-image>span{position:absolute;bottom:16px;left:20px;background:#f4f1e7ed;padding:8px 14px;border-radius:6px;font-size:11px}.ml-publishing-copy{padding:27px}.ml-publishing-copy p{font-size:14px}.ml-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.ml-chips span{border:1px solid #c7c0ac;border-radius:5px;padding:7px 9px;font-size:11px}.ml-join{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.ml-join>div>p{font-size:14px}.ml-benefits{list-style:none;margin:25px 0;padding:0;display:grid;gap:16px;font-size:14px}.ml-benefits li:before{content:'✓';color:#677245;margin-right:10px}.ml-contact{border-top:1px solid #d3cebe;padding-top:24px;font-size:13px;overflow-wrap:anywhere}.ml-contact p{margin-bottom:0}.ml-price-card{background:#fffdf5;border:1px solid #bbae86;border-radius:16px;padding:32px;box-shadow:0 15px 40px #262a2410}.ml-price-card>span{font-size:14px}.ml-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:20px 0}.ml-price b{font-size:48px;line-height:1;letter-spacing:-.05em}.ml-price>span{font-size:12px;color:#686456}.ml-credit{padding:15px 0;border-top:1px solid #e0dac9;border-bottom:1px solid #e0dac9;font-size:14px}.ml-credit strong{font-size:22px;margin:0 5px;color:#82672e}.ml-price-card p{font-size:12px;margin:18px 0 24px}.ml-price-card .ml-button{width:100%;margin-bottom:10px}.ml-secondary{background:transparent!important;color:#33392a!important}.ml-secondary:hover{background:#eeeade!important}.ml-price-card small{display:block;text-align:center;color:#787264;font-size:10px;line-height:1.8;margin-top:10px}.ml-faq details{border-bottom:1px solid #dad3c4;padding:20px 0}.ml-faq summary{cursor:pointer;font-size:15px;font-weight:650;color:#373b30}.ml-faq details p{font-size:13px;max-width:880px}.ml-sticky{position:sticky;bottom:15px;z-index:6;margin:22px auto 0;display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:630px;border:1px solid #cac1a9;border-radius:12px;background:#fffcf1f5;box-shadow:0 4px 26px #12180f25;padding:12px 16px}.ml-sticky strong,.ml-sticky small{display:block}.ml-sticky strong{font-size:15px}.ml-sticky small{font-size:11px;color:#7b715b;margin-top:3px}.ml-loading{padding:60px;text-align:center}.ml-loading button{margin:20px}.ml-promo{display:grid;grid-template-columns:1fr .9fr;background:#eeeadc;border:1px solid #d1bc7c;border-radius:16px;margin:0 0 26px;overflow:hidden;max-height:355px}.ml-promo-copy{padding:30px 34px;align-self:center}.ml-promo h2{font-size:clamp(25px,2.7vw,38px)!important;color:#30362a!important}.ml-promo p{font-size:13px!important;line-height:1.65!important;color:#66685a!important;max-width:440px;margin:12px 0!important}.ml-promo .ml-eyebrow{font-size:10px!important;margin-bottom:12px}.ml-promo-offer{display:flex;align-items:baseline;gap:18px;margin:14px 0}.ml-promo-offer strong{font-size:26px;color:#333b2a}.ml-promo-offer small{font-size:12px;font-weight:400}.ml-promo-offer>span{font-size:12px;color:#746234}.ml-promo .ml-button{min-height:44px;padding:11px 18px!important;font-size:12px!important}.ml-promo-pair{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:2px;min-height:315px}.ml-promo-pair figure{position:relative;margin:0;overflow:hidden}.ml-promo-pair img{object-position:50% 35%!important}.ml-promo-pair figcaption{position:absolute;top:14px;left:14px;background:#252921b8;color:#fff;padding:5px 10px;border-radius:5px;font-size:10px}.ml-promo-pair>small{position:absolute;bottom:12px;left:0;right:0;color:#fff;text-align:center;font-size:10px;text-shadow:0 1px 5px #000}.membership-admin-media{margin:14px 0;border:1px solid #4d4634;border-radius:8px;padding:14px}.membership-admin-media summary{cursor:pointer}.membership-admin-media label{display:block;margin:12px 0;font-size:12px}.membership-admin-media input,.membership-admin-media textarea{width:100%}
@media(min-width:1100px){.ml-hero-proof .ml-compare{height:490px}}
@media(max-width:1000px){.ml-page{padding:0 25px 25px}.ml-hero{gap:28px}.ml-hero .ml-compare{height:400px}.ml-workflow{grid-template-columns:1fr}.ml-join{gap:30px}.ml-case .ml-compare{height:360px}.ml-promo-copy{padding:22px}.ml-promo{max-height:360px}.ml-promo-pair{min-height:310px}.ml-promo .ml-eyebrow{letter-spacing:0}.ml-output-grid{grid-template-columns:1fr 1.2fr}}
@media(max-width:650px){.ml-page{border-radius:15px;padding:0 18px 18px}.ml-topline{font-size:10px;padding:15px 0}.ml-topline>span{display:none}.ml-hero{grid-template-columns:1fr;padding:32px 0 23px;gap:25px}.ml-hero h1{font-size:36px}.ml-lead{font-size:14px;margin:18px 0}.ml-hero-price{margin:18px 0}.ml-hero-price>strong{font-size:35px}.ml-hero .ml-compare{height:390px}.ml-actions{gap:15px}.ml-button{font-size:13px!important;padding:13px 15px!important}.ml-value-strip{font-size:10px;gap:8px;padding:17px 0}.ml-value-strip b{display:block;margin:0 0 7px}.ml-section{padding:38px 0}.ml-case-grid{grid-template-columns:1fr;gap:22px}.ml-case .ml-compare{height:410px}.ml-case>div:last-child:not(.ml-compare){padding:21px 10px 4px}.ml-case h3{font-size:21px}.ml-output-grid,.ml-join{grid-template-columns:1fr}.ml-video-card{grid-template-columns:1fr;gap:17px;padding:16px;align-items:center}.ml-video-card h3{font-size:19px}.ml-video-card p{font-size:12px}.ml-video-card .ml-eyebrow{font-size:10px!important}.ml-editorial-image{height:320px}.ml-price-card{padding:25px}.ml-sticky{bottom:calc(78px + env(safe-area-inset-bottom));padding:10px;gap:10px}.ml-sticky strong{font-size:12px}.ml-sticky small{font-size:10px}.ml-sticky .ml-button{min-height:42px;padding:10px!important;font-size:12px!important}.ml-promo{grid-template-columns:1fr;max-height:none}.ml-promo-copy{padding:23px}.ml-promo h2{font-size:29px!important}.ml-promo-pair{height:280px;min-height:0;grid-row:2}.ml-promo .ml-button{width:100%}.ml-promo-offer{margin:15px 0}.ml-promo-pair img{object-position:50% 30%!important}}
@media(prefers-reduced-motion:reduce){.ml-page *,.ml-promo *{scroll-behavior:auto!important;transition:none!important}}

.recovery-rule-admin {
  --rr-bg: #171411;
  --rr-panel: #211d19;
  --rr-panel-soft: #29231e;
  --rr-line: rgba(222, 195, 143, .2);
  --rr-gold: #d8bd87;
  --rr-text: #f1ece4;
  --rr-muted: #b8aea2;
  color: var(--rr-text);
  max-width: 100%;
  min-width: 0;
}

.recovery-rule-admin *,
.recovery-rule-admin *::before,
.recovery-rule-admin *::after { box-sizing: border-box; }

.recovery-rule-head,
.recovery-rule-card-head,
.recovery-rule-workbench-head,
.recovery-rule-stage-detail {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.recovery-rule-head {
  background: linear-gradient(135deg, #1a1714, #252019);
  border: 1px solid var(--rr-line);
  padding: 22px;
}

.recovery-rule-head h2,
.recovery-rule-workbench h3,
.recovery-rule-card h3 { margin: 4px 0 6px; }

.recovery-rule-head p,
.recovery-rule-workbench p,
.recovery-rule-card p { color: var(--rr-muted); margin: 0; }

.recovery-rule-head > div:last-child {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.recovery-rule-head > div:last-child > span,
.recovery-rule-count {
  background: rgba(216, 189, 135, .08);
  border: 1px solid var(--rr-line);
  padding: 7px 10px;
}

.recovery-rule-status,
.recovery-rule-conflict {
  background: rgba(216, 189, 135, .08);
  border: 1px solid var(--rr-line);
  margin-top: 12px;
  padding: 12px 14px;
}

.recovery-rule-status.is-dirty { border-color: rgba(224, 178, 92, .56); }
.recovery-rule-status.is-error,
.recovery-rule-conflict {
  background: rgba(133, 43, 36, .2);
  border-color: rgba(225, 114, 99, .52);
}

.recovery-rule-admin-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(220px, 290px) minmax(0, 1fr);
  margin-top: 16px;
  max-width: 100%;
  min-width: 0;
}

.recovery-rule-project-rail,
.recovery-rule-workbench,
.recovery-rule-card,
.recovery-rule-editor {
  background: var(--rr-panel);
  border: 1px solid var(--rr-line);
  min-width: 0;
}

.recovery-rule-project-rail {
  align-self: start;
  max-height: calc(100vh - 150px);
  overflow: hidden;
  position: sticky;
  top: 18px;
}

.recovery-rule-search {
  border-bottom: 1px solid var(--rr-line);
  display: grid;
  gap: 7px;
  padding: 14px;
}

.recovery-rule-admin input,
.recovery-rule-admin textarea,
.recovery-rule-admin select {
  background: #15120f;
  border: 1px solid rgba(222, 195, 143, .25);
  border-radius: 3px;
  color: var(--rr-text);
  font: inherit;
  max-width: 100%;
  min-width: 0;
  padding: 10px 11px;
  width: 100%;
}

.recovery-rule-admin textarea { resize: vertical; }
.recovery-rule-admin input:focus-visible,
.recovery-rule-admin textarea:focus-visible,
.recovery-rule-admin select:focus-visible,
.recovery-rule-admin button:focus-visible {
  outline: 2px solid var(--rr-gold);
  outline-offset: 2px;
}

.recovery-rule-project-list {
  display: grid;
  max-height: calc(100vh - 245px);
  overflow-y: auto;
}

.recovery-rule-project-list button {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(222, 195, 143, .1);
  color: var(--rr-text);
  cursor: pointer;
  display: grid;
  gap: 3px;
  padding: 13px 14px;
  text-align: left;
}

.recovery-rule-project-list button:hover,
.recovery-rule-project-list button.is-active {
  background: rgba(216, 189, 135, .1);
  box-shadow: inset 3px 0 var(--rr-gold);
}

.recovery-rule-project-list span,
.recovery-rule-project-list small,
.recovery-rule-history span,
.recovery-rule-history p { color: var(--rr-muted); }

.recovery-rule-workbench { padding: 16px; }
.recovery-rule-workbench-head { align-items: center; }

.recovery-rule-steps {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

.recovery-rule-steps button,
.recovery-rule-stage-tabs button {
  background: #171411;
  border: 1px solid var(--rr-line);
  color: var(--rr-muted);
  cursor: pointer;
  padding: 10px;
  text-align: left;
}

.recovery-rule-steps button span {
  color: var(--rr-gold);
  display: inline-block;
  margin-right: 7px;
}

.recovery-rule-steps button[aria-current="step"],
.recovery-rule-stage-tabs button[aria-selected="true"] {
  background: rgba(216, 189, 135, .12);
  border-color: rgba(216, 189, 135, .55);
  color: var(--rr-text);
}

.recovery-rule-editor {
  background: var(--rr-panel-soft);
  padding: 16px;
}

.recovery-rule-form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.recovery-rule-form-grid label,
.recovery-rule-publish > label,
.recovery-rule-card > label {
  display: grid;
  gap: 7px;
}

.recovery-rule-form-grid .is-wide { grid-column: 1 / -1; }

.recovery-rule-inline-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.recovery-rule-stage-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  max-width: 100%;
  overflow-x: auto;
  padding: 2px 2px 8px;
}

.recovery-rule-stage-tabs button {
  flex: 0 0 auto;
  min-width: 112px;
}

.recovery-rule-stage-tabs small {
  display: block;
  margin-top: 4px;
}

.recovery-rule-stage-detail,
.recovery-rule-subcard {
  background: #171411;
  border: 1px solid var(--rr-line);
  padding: 15px;
}

.recovery-rule-reaction-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.recovery-rule-camera-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.recovery-rule-camera-list article {
  background: rgba(216, 189, 135, .06);
  border: 1px solid rgba(222, 195, 143, .14);
  display: grid;
  gap: 12px;
  padding: 14px;
}

.recovery-rule-camera-title {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.recovery-rule-choice {
  align-items: flex-start;
  display: flex !important;
  gap: 9px !important;
}

.recovery-rule-choice input {
  flex: 0 0 auto;
  margin-top: 3px;
  width: auto;
}

.recovery-rule-choice span {
  display: grid;
  gap: 3px;
}

.recovery-rule-choice small { color: var(--rr-muted); }
.recovery-rule-choice.is-disabled { opacity: .56; }

.recovery-rule-care-card {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.recovery-rule-care-list {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.recovery-rule-care-list > label {
  background: rgba(216, 189, 135, .06);
  border: 1px solid rgba(222, 195, 143, .14);
  padding: 11px;
}

.recovery-rule-care-default {
  display: grid;
  gap: 7px;
  max-width: 420px;
}

.recovery-rule-reaction-grid article,
.recovery-rule-source-list article,
.recovery-rule-preview-evidence article {
  background: rgba(216, 189, 135, .06);
  border: 1px solid rgba(222, 195, 143, .14);
  padding: 12px;
}

.recovery-rule-help { margin-bottom: 12px !important; }

.recovery-rule-artifact-scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.recovery-rule-artifact-scroll table {
  border-collapse: collapse;
  min-width: 820px;
  width: 100%;
}

.recovery-rule-artifact-scroll th,
.recovery-rule-artifact-scroll td {
  border: 1px solid var(--rr-line);
  min-width: 170px;
  padding: 9px;
  text-align: left;
  vertical-align: top;
}

.recovery-rule-artifact-scroll th:first-child {
  left: 0;
  min-width: 220px;
  position: sticky;
  z-index: 1;
}

.recovery-rule-artifact-scroll thead th,
.recovery-rule-artifact-scroll tbody th { background: #171411; }
.recovery-rule-artifact-scroll th small { color: var(--rr-muted); display: block; margin-top: 4px; }

.recovery-rule-source-list,
.recovery-rule-preview-result { margin-top: 16px; }

.recovery-rule-source-list article {
  display: grid;
  gap: 5px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 8px;
}

.recovery-rule-source-list article p { grid-column: 1 / -1; }

.recovery-rule-preview-empty {
  background: #171411;
  border: 1px dashed var(--rr-line);
  margin-top: 14px !important;
  padding: 16px;
}

.recovery-rule-preview-meta,
.recovery-rule-publish-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.recovery-rule-preview-meta span,
.recovery-rule-publish-summary span {
  border: 1px solid var(--rr-line);
  padding: 7px 9px;
}

.recovery-rule-preview-result pre {
  background: #100e0c;
  border: 1px solid var(--rr-line);
  color: var(--rr-text);
  margin: 12px 0;
  max-height: 360px;
  overflow: auto;
  padding: 14px;
  white-space: pre-wrap;
}

.recovery-rule-preview-evidence {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.recovery-rule-preview-evidence article { margin-top: 7px; }

.recovery-rule-card {
  margin-top: 16px;
  padding: 16px;
}

.recovery-rule-validation-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}

.recovery-rule-validation ul { list-style: none; margin: 0; padding: 0; }
.recovery-rule-validation li {
  border-left: 3px solid #c89a55;
  display: grid;
  gap: 3px;
  margin-top: 8px;
  padding: 8px 10px;
}
.recovery-rule-validation li.is-blocking { border-left-color: #dd766a; }
.recovery-rule-validation li small { color: var(--rr-muted); overflow-wrap: anywhere; }

.recovery-rule-diff-list { display: grid; gap: 9px; margin-top: 12px; }
.recovery-rule-diff-list article {
  background: #171411;
  border: 1px solid var(--rr-line);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(120px, .4fr) repeat(2, minmax(0, 1fr));
  padding: 12px;
}
.recovery-rule-diff-list span { color: var(--rr-gold); font-size: 12px; }
.recovery-rule-diff-list p { max-height: 110px; overflow: auto; overflow-wrap: anywhere; }

.recovery-rule-publish {
  border-color: rgba(216, 189, 135, .42);
  display: grid;
  gap: 12px;
}

.recovery-rule-confirm {
  align-items: flex-start;
  display: flex !important;
  gap: 9px !important;
}
.recovery-rule-confirm input { margin-top: 3px; width: auto; }
.recovery-rule-publish .btn { justify-self: start; }

.recovery-rule-history { display: grid; gap: 8px; margin-top: 12px; }
.recovery-rule-history article {
  align-items: center;
  background: #171411;
  border: 1px solid var(--rr-line);
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 12px;
}
.recovery-rule-history article > div { display: grid; gap: 3px; }

.recovery-rule-empty {
  border: 1px dashed var(--rr-line);
  color: var(--rr-muted);
  margin-top: 16px;
  padding: 22px;
}

.recovery-rule-admin button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

@media (max-width: 980px) {
  .recovery-rule-admin-layout { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); }
  .recovery-rule-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .recovery-rule-head,
  .recovery-rule-card-head,
  .recovery-rule-workbench-head,
  .recovery-rule-stage-detail {
    align-items: stretch;
    flex-direction: column;
  }
  .recovery-rule-admin-layout { grid-template-columns: 1fr; }
  .recovery-rule-project-rail {
    max-height: none;
    position: static;
  }
  .recovery-rule-project-list { max-height: 280px; }
  .recovery-rule-workbench { padding: 12px; }
  .recovery-rule-steps,
  .recovery-rule-form-grid,
  .recovery-rule-reaction-grid,
  .recovery-rule-preview-evidence,
  .recovery-rule-care-list,
  .recovery-rule-validation-grid,
  .recovery-rule-diff-list article {
    grid-template-columns: 1fr;
  }
  .recovery-rule-diff-list article > * { min-width: 0; }
  .recovery-rule-inline-actions,
  .recovery-rule-history article {
    align-items: stretch;
    flex-direction: column;
  }
}

:root {
      --bg: #090907;
      --panel: #15130f;
      --panel-2: #1e1a13;
      --card: #f7f1e4;
      --card-2: #efe3cf;
      --ink: #fff9ee;
      --muted: rgba(255,249,238,.64);
      --soft: rgba(255,249,238,.12);
      --line: rgba(255,249,238,.14);
      --gold: #d7b46a;
      --gold-2: #f2d58b;
      --rose: #d88a9d;
      --green: #9bc7a4;
      --blue: #8fb4d9;
      --shadow: 0 18px 48px rgba(0,0,0,.26);
      --shadow-soft: 0 10px 28px rgba(0,0,0,.18);
      --radius: 10px;
      --radius-soft: 14px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    html[data-initial-route="content-workbench"] #desk,
    html[data-initial-route="xhs-workbench"] #desk,
    html[data-initial-route="image-workbench"] #desk { display: none !important; }
    html[data-initial-route="content-workbench"] #content,
    html[data-initial-route="xhs-workbench"] #content,
    html[data-initial-route="image-workbench"] #images { display: block !important; }
    html[data-initial-route] body { background-color: #090907; }
    .workbench-first-paint-shell[hidden] { display: none !important; }
    .workbench-first-paint-shell { width: min(100%, 1480px); min-height: 560px; margin: 0 auto; padding: 28px 32px; color: #f8f2e7; background: #090907; }
    .workbench-skeleton-hero { display: grid; grid-template-columns: minmax(0,1fr) repeat(3,minmax(112px,148px)); gap: 14px; align-items: end; min-height: 176px; padding: 26px; border: 1px solid rgba(216,179,106,.13); border-radius: 22px; background: radial-gradient(circle at 75% 0,rgba(216,179,106,.08),transparent 34%),#11100e; }
    .workbench-skeleton-copy { display: grid; gap: 12px; align-self: center; }
    .workbench-skeleton-line,.workbench-skeleton-stat,.workbench-skeleton-card { background: linear-gradient(100deg,rgba(255,249,238,.055),rgba(216,179,106,.095),rgba(255,249,238,.055)); background-size: 220% 100%; }
    .workbench-skeleton-line { display:block; width:min(420px,72%); height:14px; border-radius:999px; }
    .workbench-skeleton-line.title { width:min(520px,88%); height:28px; }
    .workbench-skeleton-stat { height:92px; border:1px solid rgba(216,179,106,.1); border-radius:15px; }
    .workbench-skeleton-quick { margin-top:18px; padding:20px; border:1px solid rgba(216,179,106,.1); border-radius:22px; background:#0e0e0c; }
    .workbench-skeleton-heading { width:180px; height:18px; margin-bottom:16px; border-radius:999px; background:rgba(216,179,106,.09); }
    .workbench-skeleton-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .workbench-skeleton-card { height:230px; border:1px solid rgba(216,179,106,.1); border-radius:18px; }
    .workbench-load-error { display:grid; align-content:center; min-height:420px; }
    .workbench-load-error > div { padding:28px; border:1px solid rgba(229,205,154,.11); border-radius:20px; background:#151411; }
    .workbench-load-error span { color:#d8b36a; font-size:10px; letter-spacing:.17em; }
    .workbench-load-error h2 { margin:10px 0 8px; font-size:clamp(24px,3vw,34px); }
    .workbench-load-error p { margin:0; color:#aaa294; line-height:1.6; }
    .workbench-first-paint-shell button { width: max-content; min-height: 44px; margin-top: 18px; padding: 9px 16px; border: 1px solid #d8b36a; border-radius: 12px; color: #17130b; background: #d8b36a; }
    .workbench-first-paint-shell .secondary { margin-left:10px; color:#d8b36a; background:transparent; }
    @media (prefers-reduced-motion:no-preference) { .workbench-first-paint-shell:not([hidden]) .workbench-skeleton-line,.workbench-first-paint-shell:not([hidden]) .workbench-skeleton-stat,.workbench-first-paint-shell:not([hidden]) .workbench-skeleton-card { animation:workbench-skeleton-shift 1.8s ease-in-out infinite; } }
    @keyframes workbench-skeleton-shift { to { background-position:-120% 0; } }
    @media (max-width:700px) { .workbench-first-paint-shell{min-height:520px;padding:16px}.workbench-skeleton-hero{grid-template-columns:repeat(3,1fr);min-height:210px;padding:18px}.workbench-skeleton-copy{grid-column:1/-1}.workbench-skeleton-stat{height:58px}.workbench-skeleton-grid{grid-template-columns:1fr}.workbench-skeleton-card{height:150px}.workbench-skeleton-card:nth-child(n+2){display:none} }
    body {
      margin: 0;
      min-height: 100vh;
      color: var(--ink);
      background:
        radial-gradient(circle at 78% 0%, rgba(215,180,106,.12), transparent 34%),
        linear-gradient(135deg, #080806 0%, #130f0b 48%, #090807 100%);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      letter-spacing: 0;
    }

    button, input, textarea, select { font: inherit; }
    button { cursor: pointer; }
    a { color: inherit; }

    .app {
      min-height: 100vh;
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr);
    }

    .sidebar {
      position: sticky;
      top: 0;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
      padding: 18px 10px;
      border-right: 1px solid var(--line);
      background: rgba(10,9,7,.88);
      backdrop-filter: blur(24px);
      z-index: 10;
    }

    .brand {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border: 0;
      border-radius: 18px;
      background: transparent;
      box-shadow: 0 14px 30px rgba(0,0,0,.28);
      overflow: hidden;
    }

    .brand img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .brand-mini {
      width: 38px;
      height: 38px;
    }

    .nav {
      display: grid;
      gap: 8px;
      width: 100%;
      margin-top: 12px;
    }

    .nav button, .mobile-tabbar button {
      border: 0;
      color: var(--muted);
      background: transparent;
    }

    .nav button {
      width: 100%;
      min-height: 62px;
      display: grid;
      place-items: center;
      gap: 5px;
      border-radius: 14px;
      transition: .18s ease;
    }

    .nav i {
      font-style: normal;
      font-size: 19px;
      color: var(--gold-2);
    }

    .nav span {
      font-size: 12px;
      white-space: nowrap;
    }

    .nav button.active {
      color: var(--ink);
      background: rgba(255,249,238,.12);
      box-shadow: inset 0 0 0 1px rgba(255,249,238,.12);
    }

    main {
      min-width: 0;
      padding: 24px;
    }

    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      margin-bottom: 18px;
    }

    .topbar h1 {
      margin: 0;
      font-size: 19px;
      letter-spacing: .02em;
    }

    .topbar p {
      margin: 5px 0 0;
      color: var(--muted);
      font-size: 13px;
    }

    .site-notice {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: -2px 0 18px;
      padding: 12px 14px;
      border: 1px solid rgba(222,186,83,.38);
      border-radius: 12px;
      background: linear-gradient(90deg, rgba(222,186,83,.13), rgba(55,43,19,.28));
      color: rgba(255,249,238,.84);
      box-shadow: inset 0 1px rgba(255,255,255,.03);
    }

    .site-notice-mark {
      flex: 0 0 auto;
      color: var(--gold-2);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .08em;
    }

    .site-notice-copy { min-width: 0; flex: 1; font-size: 13px; line-height: 1.55; }
    .site-notice-copy b { color: var(--ink); margin-right: 8px; }
    .site-notice-action { flex: 0 0 auto; color: var(--gold-2); font-size: 12px; font-weight: 700; white-space: nowrap; }
    .site-notice-close {
      flex: 0 0 auto;
      width: 44px;
      height: 44px;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: rgba(255,249,238,.65);
      cursor: pointer;
      font-size: 20px;
      line-height: 1;
    }
    .site-notice-close:hover { color: var(--ink); background: rgba(255,255,255,.07); }

    .compliance-bar {
      display: flex; align-items: center; gap: 10px; margin: -4px 0 18px; padding: 10px 14px;
      border: 1px solid rgba(255,249,238,.12); border-radius: 10px; background: rgba(255,249,238,.035);
      color: var(--muted); font-size: 12px; line-height: 1.55;
    }
    .compliance-bar strong { color: var(--gold-2); white-space: nowrap; }
    .compliance-bar button { margin-left: auto; flex: 0 0 auto; }
    .legal-modal { width: min(760px, calc(100vw - 28px)); max-height: min(760px, calc(100vh - 36px)); overflow: auto; }
    .legal-tabs { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
    .legal-policy { padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,249,238,.025); line-height: 1.85; color: var(--muted); white-space: pre-wrap; }
    .legal-policy h4 { margin: 0 0 8px; color: var(--ink); font-size: 17px; }
    .legal-callout { padding: 13px 14px; border-left: 3px solid var(--gold); border-radius: 8px; background: rgba(222,186,83,.10); color: var(--ink); line-height: 1.7; font-size: 13px; }
    .ai-origin-label { display: inline-flex; align-items: center; gap: 5px; margin: 10px 0 2px; padding: 5px 8px; border: 1px solid rgba(222,186,83,.35); border-radius: 999px; color: var(--gold-2); background: rgba(222,186,83,.08); font-size: 11px; font-weight: 700; }

    .pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 32px;
      padding: 7px 11px;
      border: 1px solid var(--line);
      border-radius: 12px;
      color: var(--muted);
      background: rgba(255,249,238,.045);
      font-size: 12px;
      white-space: nowrap;
    }

    .page { display: none; }
    .page.active { display: block; }

    body.admin-entry .sidebar,
    body.admin-entry .topbar,
    body.admin-entry .mobile-topbar,
    body.admin-entry .mobile-tabbar {
      display: none !important;
    }

    body.admin-entry .app {
      grid-template-columns: 1fr;
    }

    body.admin-entry main {
      width: min(1180px, calc(100vw - 36px));
      margin: 0 auto;
      padding-top: 28px;
    }

    .auth-overlay {
      position: fixed;
      inset: 0;
      z-index: 78;
      display: grid;
      place-items: center;
      padding: 18px;
      background: rgba(5, 4, 3, .48);
      backdrop-filter: blur(18px) saturate(1.12);
      -webkit-backdrop-filter: blur(18px) saturate(1.12);
    }

    body.auth-modal-open { overflow: hidden; }

    .auth-overlay::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 10%, rgba(215,180,106,.16), transparent 34%),
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.46));
      pointer-events: none;
    }

    .auth-modal {
      position: relative;
      z-index: 1;
      width: min(420px, calc(100vw - 32px));
      max-height: calc(100vh - 36px);
      overflow: auto;
      box-shadow: 0 26px 70px rgba(0,0,0,.48);
    }

    .account-summary {
      display: grid;
      gap: 12px;
      padding: 14px;
      border: 1px solid rgba(215,180,106,.2);
      border-radius: 14px;
      background: rgba(215,180,106,.08);
    }

    .account-summary strong {
      color: var(--gold-2);
      font-size: 22px;
      line-height: 1.15;
    }

    .account-summary span,
    .account-tip li {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.65;
    }

    .account-tip {
      margin: 0;
      padding-left: 18px;
    }

    .recharge-card-box {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid rgba(215,180,106,.24);
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(215,180,106,.12), rgba(255,249,238,.025));
    }

    .recharge-card-box h3 {
      margin: 0;
      color: var(--gold-2);
      font-size: 16px;
    }

    .recharge-card-box p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.65;
    }

    .recharge-card-box input {
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .referral-rule-box {
      display: none;
      gap: 10px;
      padding: 14px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 14px;
      background: rgba(215,180,106,.07);
    }

    .referral-rule-box.show {
      display: grid;
    }

    .referral-rule-box strong {
      color: var(--gold-2);
      font-size: 15px;
    }

    .invite-card {
      display: grid;
      grid-template-columns: 124px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      padding: 14px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 14px;
      background:
        linear-gradient(135deg, rgba(215,180,106,.12), rgba(255,249,238,.045)),
        rgba(255,249,238,.035);
    }

    .invite-qr {
      width: 112px;
      height: 112px;
      padding: 8px;
      border-radius: 12px;
      background: #fff;
      object-fit: contain;
    }

    .invite-copy {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .invite-copy strong {
      color: rgba(255,249,238,.94);
      font-size: 15px;
      line-height: 1.35;
    }

    .invite-copy span {
      color: rgba(255,249,238,.58);
      font-size: 12px;
      line-height: 1.6;
    }

    .invite-copy code {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .invite-entry-btn {
      border-color: rgba(215,180,106,.44);
      color: #17110b;
      background: linear-gradient(135deg, #fff1bd, #d7b46a);
      box-shadow: 0 12px 30px rgba(215,180,106,.14);
    }

    .referral-dashboard {
      display: grid;
      gap: 14px;
      margin-top: 14px;
    }

    .referral-stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .referral-stat,
    .referral-friend {
      border: 1px solid rgba(215,180,106,.18);
      border-radius: 14px;
      background: rgba(255,249,238,.035);
      padding: 12px;
    }

    .referral-stat strong {
      display: block;
      color: var(--gold-2);
      font-size: 20px;
      line-height: 1.2;
    }

    .referral-stat span,
    .referral-friend span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
    }

    .referral-list {
      display: grid;
      gap: 10px;
    }

    .referral-friend {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
    }

    .referral-friend strong {
      color: rgba(255,249,238,.92);
      font-size: 14px;
    }

    .referral-friend em {
      font-style: normal;
      color: var(--gold-2);
      font-size: 12px;
    }

    .auth-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      padding: 6px;
      border: 1px solid rgba(215,180,106,.24);
      border-radius: 999px;
      background: rgba(0,0,0,.26);
      box-shadow: inset 0 0 0 1px rgba(255,249,238,.035);
    }

    .auth-tab {
      min-height: 44px;
      border-radius: 999px;
      border: 0;
      color: rgba(255,249,238,.48);
      background: rgba(255,249,238,.035);
      font-weight: 800;
      transition: .18s ease;
    }

    .auth-tab.active {
      color: #17110b;
      background: linear-gradient(135deg, #fff1bd, #d7b46a);
      font-weight: 800;
      box-shadow: 0 10px 28px rgba(215,180,106,.2);
    }

    .auth-tab:not(.active):hover {
      color: rgba(255,249,238,.82);
      background: rgba(255,249,238,.07);
    }

    .auth-register-fields {
      display: none;
      gap: 12px;
    }

    .auth-register-only {
      display: none;
    }

    .auth-modal.register-mode .auth-register-fields {
      display: grid;
    }

    .auth-modal.register-mode .auth-register-only {
      display: block;
    }

    #authStatus:empty {
      display: none;
    }

    .hero {
      min-height: 360px;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
      gap: 18px;
      margin-bottom: 18px;
    }

    .hero-copy, .visual-card, .panel {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255,249,238,.062);
      box-shadow: var(--shadow);
    }

    .hero-copy {
      position: relative;
      overflow: hidden;
      padding: clamp(24px, 4vw, 48px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .hero-copy::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.2)),
        url("https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1500&q=82") center / cover;
      opacity: .56;
      z-index: -1;
    }

    .kicker {
      display: inline-flex;
      width: fit-content;
      padding: 7px 10px;
      border: 1px solid rgba(215,180,106,.36);
      border-radius: 12px;
      color: var(--gold-2);
      background: rgba(0,0,0,.24);
      font-size: 11px;
      text-transform: uppercase;
    }

    .hero h2 {
      max-width: 720px;
      margin: 22px 0 14px;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.14;
      font-weight: 700;
    }

    .hero p, .lead {
      max-width: 700px;
      color: rgba(255,249,238,.78);
      line-height: 1.8;
      font-size: 15px;
    }

    .hero-actions, .row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }

    .hero-actions {
      margin-top: 30px;
      padding-top: 22px;
      border-top: 1px solid rgba(255,249,238,.1);
    }

    .hero-actions .btn {
      min-width: 168px;
      min-height: 48px;
      padding-inline: 22px;
    }

    .hero-actions .btn,
    .hero-actions .btn.primary,
    .hero-actions .btn.ghost {
      border-color: rgba(255,249,238,.16);
      color: rgba(255,249,238,.9);
      background: rgba(255,249,238,.055);
      box-shadow: none;
    }

    .hero-actions .btn:hover,
    .hero-actions .btn:focus-visible {
      border-color: rgba(215,180,106,.6);
      color: #130f09;
      background: linear-gradient(135deg, #fff0bd, #d0a44f);
      box-shadow: 0 14px 30px rgba(215,180,106,.2);
    }

    .btn {
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 10px 15px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--ink);
      background: rgba(255,249,238,.06);
      transition: .18s ease;
      font-size: 13px;
      font-weight: 600;
    }

    .btn.primary {
      border-color: rgba(215,180,106,.52);
      color: #130f09;
      background: linear-gradient(135deg, #fff0bd, #d0a44f);
      font-weight: 700;
      box-shadow: 0 10px 24px rgba(215,180,106,.16);
    }

    .btn.ghost { color: var(--muted); background: rgba(255,249,238,.035); }
    .btn:hover { transform: translateY(-1px); }
    .btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }

    .visual-card {
      overflow: hidden;
      min-height: 360px;
      background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72)),
        url("https://images.unsplash.com/photo-1596462502278-27bfdc403348?auto=format&fit=crop&w=1100&q=82") center / cover;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 18px;
    }

    .mini-board {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: var(--radius);
      background: rgba(8,7,5,.66);
      backdrop-filter: blur(16px);
    }

    .mini-board strong { font-size: 15px; }
    .mini-board span { color: var(--muted); font-size: 12px; line-height: 1.6; }

    .luxury-hero {
      min-height: 520px;
      grid-template-columns: minmax(0, 1fr);
    }

    .hero-copy.luxury {
      min-height: 520px;
      max-width: none;
      background:
        linear-gradient(135deg, rgba(255,249,238,.08), rgba(215,180,106,.06)),
        rgba(255,249,238,.045);
    }

    .hero-copy.luxury::before {
      background:
        linear-gradient(90deg, rgba(7,6,5,.82), rgba(7,6,5,.44)),
        url("https://images.unsplash.com/photo-1512316609839-ce289d3eba0a?auto=format&fit=crop&w=1600&q=84") center / cover;
      opacity: .48;
    }

    .hero-copy.luxury h2 {
      max-width: 760px;
      font-size: clamp(32px, 3.6vw, 48px);
      line-height: 1.12;
      margin-top: 24px;
    }

    .hero-title {
      max-width: 760px;
      margin: 24px 0 14px;
    }

    .hero-title span {
      display: block;
      color: rgba(255,249,238,.78);
      font-size: clamp(20px, 2.1vw, 30px);
      font-weight: 700;
      line-height: 1.25;
    }

    .hero-title strong {
      display: block;
      margin-top: 6px;
      color: rgba(255,249,238,.98);
      font-size: clamp(38px, 4.2vw, 56px);
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
    }

    .hero-title.brand-platform-title {
      margin-bottom: 18px;
    }

    .hero-title.brand-platform-title span {
      color: rgba(255,241,206,.9);
      font-size: clamp(19px, 1.7vw, 26px);
      font-weight: 650;
    }

    .hero-title.brand-platform-title strong {
      margin-top: 8px;
      font-size: clamp(46px, 4.7vw, 66px);
      font-weight: 800;
      line-height: .98;
    }

    .hero-subtitle {
      max-width: 620px;
      display: grid;
      gap: 12px;
      margin: 10px 0 0;
      color: rgba(255,249,238,.8);
    }

    .hero-subtitle p {
      max-width: 560px;
      margin: 0;
      font-size: 15px;
      line-height: 1.9;
      color: rgba(255,249,238,.82);
    }

    .hero-subtitle p strong {
      color: var(--gold-2);
      font-weight: 700;
    }

    .hero-subtitle.brand-platform-slogan {
      gap: 14px;
      margin-top: 0;
    }

    .hero-subtitle.brand-platform-slogan p {
      max-width: 640px;
      padding-left: 14px;
      border-left: 2px solid rgba(224,190,108,.72);
      font-size: 16px;
      line-height: 1.7;
    }

    .hero-subtitle.brand-platform-slogan p strong {
      font-size: 18px;
      letter-spacing: 0;
    }

    .hero-subtitle-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .hero-subtitle-tags span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 6px 10px;
      border: 1px solid rgba(215,180,106,.28);
      border-radius: 999px;
      color: rgba(255,249,238,.78);
      background: rgba(0,0,0,.24);
      font-size: 12px;
      white-space: nowrap;
    }

    .hero-note {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin: 34px 0 0;
    }

    .hero-note span {
      min-height: 92px;
      padding: 18px;
      border: 1px solid rgba(255,249,238,.12);
      border-radius: 14px;
      background: rgba(8,7,5,.34);
      color: rgba(255,249,238,.7);
      font-size: 13px;
      line-height: 1.7;
      backdrop-filter: blur(16px);
    }

    .hero-note b {
      display: block;
      margin-bottom: 8px;
      color: rgba(255,249,238,.94);
      font-size: 15px;
    }

    .hero-showcase {
      position: relative;
      min-height: 520px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,249,238,.075), rgba(215,180,106,.055)),
        rgba(8,7,5,.76);
      box-shadow: var(--shadow);
    }

    .showcase-photo {
      position: absolute;
      inset: 18px 18px 148px;
      overflow: hidden;
      border-radius: var(--radius-soft);
      border: 1px solid rgba(255,249,238,.14);
      background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.42)),
        url("https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=1300&q=84") center top / cover;
    }

    .showcase-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 42%, rgba(7,6,5,.88));
    }

    .showcase-card {
      position: absolute;
      left: 34px;
      right: 34px;
      bottom: 28px;
      display: grid;
      gap: 12px;
      padding: 16px;
      border: 1px solid rgba(255,249,238,.16);
      border-radius: var(--radius-soft);
      background: rgba(9,8,6,.72);
      backdrop-filter: blur(22px);
      box-shadow: 0 22px 50px rgba(0,0,0,.32);
    }

    .showcase-card h3 {
      margin: 0;
      font-size: 18px;
    }

    .showcase-card p {
      margin: 0;
      color: rgba(255,249,238,.66);
      font-size: 12px;
      line-height: 1.6;
    }

    .workflow-ribbon {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }

    .workflow-ribbon span {
      padding: 9px 8px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 10px;
      background: rgba(215,180,106,.08);
      color: rgba(255,249,238,.78);
      font-size: 11px;
      text-align: center;
    }

    .home-product-intro {
      display: grid;
      grid-template-columns: minmax(420px, .98fr) minmax(480px, 1.02fr);
      min-height: 560px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        radial-gradient(circle at 68% 22%, rgba(224,190,108,.16), transparent 30%),
        linear-gradient(135deg, rgba(255,249,238,.065), rgba(215,180,106,.025)),
        #100f0c;
      box-shadow: var(--shadow);
    }

    .home-product-copy {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: clamp(30px, 4vw, 62px);
      border-right: 1px solid rgba(255,249,238,.1);
    }

    .home-product-copy h2 {
      max-width: 640px;
      margin: 22px 0 18px;
      color: rgba(255,249,238,.98);
      font-size: clamp(38px, 3.25vw, 54px);
      line-height: 1.1;
      letter-spacing: 0;
    }

    .home-product-copy h2 span {
      display: block;
      margin-bottom: 12px;
      color: var(--gold-2);
      font-size: clamp(17px, 1.55vw, 23px);
      font-weight: 700;
      line-height: 1.2;
    }

    .home-product-copy .lead {
      max-width: 500px;
      margin: 0;
      color: rgba(255,249,238,.72);
      font-size: 15px;
      line-height: 1.85;
    }

    .home-product-flow {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin-top: 30px;
    }

    .home-product-flow span {
      min-height: 78px;
      padding: 13px 12px;
      border: 1px solid rgba(255,249,238,.12);
      border-radius: 10px;
      background: rgba(255,249,238,.035);
      color: rgba(255,249,238,.68);
      font-size: 12px;
      line-height: 1.55;
    }

    .home-product-flow b {
      display: block;
      margin-bottom: 5px;
      color: rgba(255,249,238,.96);
      font-size: 13px;
    }

    .home-product-route {
      display: flex;
      align-items: center;
      gap: 11px;
      margin-top: 28px;
      color: rgba(255,249,238,.62);
      font-size: 14px;
      font-weight: 650;
    }

    .home-product-route b { color: rgba(255,249,238,.95); }
    .home-product-route i {
      color: var(--gold);
      font-size: 18px;
      font-style: normal;
    }

    .home-product-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 30px;
    }

    .home-product-actions .btn { min-height: 42px; }

    .home-product-visual {
      position: relative;
      min-height: 560px;
      padding: 28px;
      background:
        linear-gradient(110deg, rgba(9,8,6,.18), rgba(9,8,6,.66)),
        url("/assets/playbooks/lifestyle-cover.png") center / cover;
    }

    .home-product-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(8,7,5,.08), rgba(8,7,5,.76));
    }

    .visual-eyebrow,
    .home-result-stack {
      position: relative;
      z-index: 1;
    }

    .visual-eyebrow {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 11px;
      border: 1px solid rgba(255,249,238,.25);
      border-radius: 999px;
      color: rgba(255,249,238,.88);
      background: rgba(9,8,6,.38);
      font-size: 11px;
      letter-spacing: .08em;
    }

    .home-result-stack {
      position: absolute;
      right: clamp(22px, 4vw, 54px);
      bottom: 34px;
      left: clamp(22px, 4vw, 54px);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .home-result-card {
      min-height: 136px;
      padding: 16px;
      border: 1px solid rgba(255,249,238,.18);
      border-radius: 12px;
      background: rgba(15,13,10,.75);
      backdrop-filter: blur(18px);
      box-shadow: 0 18px 32px rgba(0,0,0,.24);
    }

    .home-result-card em {
      display: block;
      margin-bottom: 18px;
      color: var(--gold-2);
      font-size: 11px;
      font-style: normal;
      letter-spacing: .06em;
    }

    .home-result-card b {
      display: block;
      color: rgba(255,249,238,.98);
      font-size: 15px;
      line-height: 1.35;
    }

    .home-result-card span {
      display: block;
      margin-top: 7px;
      color: rgba(255,249,238,.62);
      font-size: 12px;
      line-height: 1.55;
    }

    .home-usecases {
      margin-top: 18px;
    }

    .home-usecase-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      margin: 0 0 12px;
    }

    .home-usecase-head h3 {
      margin: 0;
      color: rgba(255,249,238,.96);
      font-size: 20px;
    }

    .home-usecase-head p {
      margin: 5px 0 0;
      color: var(--muted);
      font-size: 13px;
    }

    .home-usecase-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .home-usecase-card {
      position: relative;
      min-height: 290px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #171511;
      color: var(--ink);
      text-align: left;
      box-shadow: var(--shadow-soft);
    }

    .home-usecase-card img,
    .home-usecase-card video {
      width: 100%;
      height: 188px;
      display: block;
      object-fit: cover;
      background: #15130f;
    }

    .home-usecase-card > div {
      padding: 15px 16px 17px;
    }

    .home-usecase-card small {
      color: var(--gold-2);
      font-size: 11px;
      letter-spacing: .06em;
    }

    .home-usecase-card h4 {
      margin: 7px 0 6px;
      color: rgba(255,249,238,.96);
      font-size: 17px;
    }

    .home-usecase-card p {
      margin: 0;
      color: rgba(255,249,238,.62);
      font-size: 12px;
      line-height: 1.65;
    }

    .home-scene-grid {
      display: grid;
      grid-template-columns: 1.18fr .82fr;
      gap: 16px;
      align-items: stretch;
    }

    .home-feature-card {
      position: relative;
      min-height: 280px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      color: var(--ink);
      text-align: left;
      background:
        linear-gradient(90deg, rgba(7,6,5,.86), rgba(7,6,5,.32)),
        url("https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?auto=format&fit=crop&w=1400&q=84") center / cover;
      box-shadow: var(--shadow-soft);
    }

    .home-feature-card > div {
      position: absolute;
      left: 22px;
      right: 22px;
      bottom: 22px;
      max-width: 520px;
    }

    .home-feature-card h3 {
      margin: 10px 0 8px;
      color: rgba(255,249,238,.96);
      font-size: 24px;
      line-height: 1.25;
    }

    .home-feature-card p {
      margin: 0 0 16px;
      color: rgba(255,249,238,.72);
      font-size: 13px;
      line-height: 1.75;
    }

    .home-side-stack {
      display: grid;
      gap: 12px;
    }

    .home-side-card {
      min-height: 134px;
      display: grid;
      align-content: space-between;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      color: var(--ink);
      text-align: left;
      background:
        linear-gradient(135deg, rgba(255,249,238,.075), rgba(215,180,106,.045)),
        rgba(255,249,238,.045);
      box-shadow: var(--shadow-soft);
    }

    .home-side-card h3 {
      margin: 8px 0 6px;
      color: rgba(255,249,238,.94);
      font-size: 17px;
    }

    .home-side-card p {
      margin: 0;
      color: rgba(255,249,238,.64);
      font-size: 12px;
      line-height: 1.65;
    }

    .grid {
      display: grid;
      gap: 14px;
    }

    .grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .card, .tool-card {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255,249,238,.075);
      color: var(--ink);
      text-align: left;
      box-shadow: var(--shadow-soft);
    }

    .card { padding: 16px; }
    .tool-card {
      min-height: 210px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 16px;
      transition: .18s ease;
    }

    .tool-card:hover {
      transform: translateY(-3px);
      border-color: rgba(215,180,106,.48);
      background: rgba(255,249,238,.085);
    }

    .tool-demo {
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 10px;
      align-items: center;
      margin: 12px 0 4px;
      padding: 10px;
      border: 1px solid rgba(255,249,238,.1);
      border-radius: var(--radius);
      background: linear-gradient(135deg, rgba(255,249,238,.075), rgba(215,180,106,.06));
    }

    .demo-thumb {
      width: 58px;
      height: 58px;
      border-radius: var(--radius);
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 50% 28%, rgba(255,232,204,.95) 0 15%, transparent 16%),
        radial-gradient(circle at 50% 58%, rgba(214,166,136,.95) 0 30%, transparent 31%),
        linear-gradient(145deg, rgba(255,249,238,.18), rgba(174,130,68,.32));
    }

    .demo-thumb::before, .demo-thumb::after {
      content: "";
      position: absolute;
      inset: auto 10px 11px;
      height: 9px;
      border-radius: 999px;
      background: rgba(255,249,238,.58);
    }

    .demo-thumb::after {
      inset: 12px 13px auto;
      height: 18px;
      background: linear-gradient(90deg, rgba(33,25,19,.55), rgba(255,249,238,.14), rgba(33,25,19,.55));
    }

    .demo-thumb.content { background: linear-gradient(145deg, rgba(255,249,238,.2), rgba(215,180,106,.26)); }
    .demo-thumb.content::before { inset: 12px 9px auto; height: 7px; box-shadow: 0 14px rgba(255,249,238,.45), 0 28px rgba(255,249,238,.28); }
    .demo-thumb.fusion { background: radial-gradient(circle at 35% 42%, rgba(255,225,195,.95) 0 20%, transparent 21%), radial-gradient(circle at 67% 42%, rgba(255,210,170,.85) 0 18%, transparent 19%), linear-gradient(145deg, rgba(96,63,49,.6), rgba(215,180,106,.3)); }
    .demo-thumb.risk { background: linear-gradient(90deg, rgba(255,249,238,.18) 0 50%, rgba(98,63,58,.42) 50%), radial-gradient(circle at 50% 38%, rgba(255,225,195,.9) 0 24%, transparent 25%); }
    .demo-thumb.video::before { inset: 18px 20px auto; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid rgba(255,249,238,.82); background: transparent; }

    .demo-copy strong {
      display: block;
      font-size: 12px;
      color: rgba(255,249,238,.88);
      margin-bottom: 3px;
    }

    .demo-copy span {
      display: block;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.45;
    }

    .tool-top {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 16px;
    }

    .icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 13px;
      color: #111;
      background: linear-gradient(135deg, #fff1c0, #c69a45);
      font-weight: 800;
    }

    .tag {
      height: fit-content;
      padding: 6px 9px;
      border-radius: 999px;
      color: var(--gold-2);
      background: rgba(215,180,106,.12);
      font-size: 12px;
      white-space: nowrap;
    }

    h3, h4 { margin: 0; }
    .card h3, .tool-card h3, .panel h3 {
      font-size: 17px;
      margin-bottom: 7px;
      line-height: 1.35;
    }

    .card p, .tool-card p, .panel p {
      margin: 0;
      color: var(--muted);
      line-height: 1.7;
      font-size: 13px;
    }

    .info-card {
      box-shadow: none;
      border-color: rgba(215,180,106,.18);
      background: linear-gradient(135deg, rgba(215,180,106,.1), rgba(255,249,238,.045));
    }

    .info-card.soft {
      background: linear-gradient(135deg, rgba(255,249,238,.062), rgba(215,180,106,.035));
    }

    .refresh-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    .refresh-label .btn {
      padding: 8px 12px;
      font-size: 12px;
    }

    .content-guide-card {
      margin-bottom: 16px;
    }

    .content-guide-card h3 {
      margin-bottom: 12px;
    }

    .content-guide-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .content-guide-item {
      padding: 12px;
      border: 1px solid rgba(255,249,238,.1);
      border-radius: var(--radius);
      background: rgba(0,0,0,.14);
    }

    .content-guide-item strong {
      display: block;
      margin-bottom: 5px;
      color: rgba(255,249,238,.92);
      font-size: 13px;
    }

    .content-guide-item span {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.65;
    }

    .mini-guide-list {
      display: grid;
      gap: 8px;
    }

    .collapsible-guide {
      border: 1px solid rgba(215,180,106,.28);
      border-radius: var(--radius);
      background: rgba(215,180,106,.065);
      overflow: hidden;
    }

    .collapsible-guide summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 13px 16px;
      cursor: pointer;
      color: rgba(255,249,238,.9);
      font-weight: 800;
      list-style: none;
    }

    .collapsible-guide summary::-webkit-details-marker {
      display: none;
    }

    .collapsible-guide summary::after {
      content: "展开";
      flex: 0 0 auto;
      padding: 6px 10px;
      border: 1px solid rgba(215,180,106,.35);
      border-radius: 999px;
      color: var(--gold-1);
      font-size: 12px;
      font-weight: 700;
      background: rgba(0,0,0,.18);
    }

    .collapsible-guide[open] summary::after {
      content: "收起";
    }

    .collapsible-guide-body {
      display: grid;
      gap: 12px;
      padding: 0 16px 16px;
    }

    .collapsible-guide-body .card {
      margin: 0;
    }

    .text-result-block {
      text-align: left;
      line-height: 1.9;
      color: rgba(255,249,238,.82);
      white-space: pre-wrap;
    }

    .copy-result-list {
      display: grid;
      gap: 12px;
      text-align: left;
    }

    .copy-result-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
    }

    .copy-result-toolbar span {
      color: var(--muted);
      font-size: 12px;
    }

    .copy-section-card {
      overflow: hidden;
      border: 1px solid rgba(255,249,238,.11);
      border-radius: 14px;
      background:
        linear-gradient(135deg, rgba(255,249,238,.052), rgba(215,180,106,.035)),
        rgba(4,3,2,.18);
    }

    .copy-section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255,249,238,.08);
      background: rgba(215,180,106,.055);
    }

    .copy-section-head strong {
      color: rgba(255,249,238,.92);
      font-size: 14px;
    }

    .copy-section-body {
      padding: 12px;
      color: rgba(255,249,238,.78);
      font-size: 13px;
      line-height: 1.85;
      white-space: pre-wrap;
      word-break: break-word;
    }

    .copy-section-head .btn,
    .copy-result-toolbar .btn {
      min-height: 32px;
      padding: 0 12px;
      font-size: 12px;
    }

    .result-label {
      margin-bottom: 12px;
      text-align: left;
    }

    .result-label.fallback {
      margin-top: 12px;
    }

    .section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 14px;
      margin: 24px 0 12px;
    }

    .section-head h2 {
      margin: 0;
      font-size: 22px;
      font-weight: 700;
    }

    .workspace-hero-head {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
      gap: 18px;
      align-items: end;
      margin: 0 0 18px;
      padding: 22px;
      border: 1px solid rgba(255,249,238,.13);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,249,238,.075), rgba(215,180,106,.045)),
        rgba(9,8,6,.68);
      box-shadow: var(--shadow-soft);
    }

    .workspace-hero-head::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 90% 8%, rgba(215,180,106,.2), transparent 30%),
        linear-gradient(90deg, rgba(0,0,0,.18), transparent);
      pointer-events: none;
    }

    .workspace-hero-head > * {
      position: relative;
      z-index: 1;
    }

    .workspace-hero-head.video-hero {
      grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
      align-items: center;
    }

    .workspace-title-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
    }

    .workspace-title-row h2 {
      margin: 0;
      color: rgba(255,249,238,.96);
      font-size: 28px;
      line-height: 1.2;
    }

    .workspace-hero-head .lead {
      max-width: 620px;
      margin: 0;
      color: rgba(255,249,238,.72);
      font-size: 14px;
      line-height: 1.75;
    }

    .workspace-flow {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .workspace-flow span {
      min-height: 54px;
      display: grid;
      place-items: center;
      padding: 10px 8px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 12px;
      color: rgba(255,249,238,.8);
      background: rgba(215,180,106,.075);
      font-size: 12px;
      text-align: center;
    }

    .workspace-image-explainer {
      display: grid;
      grid-template-columns: 78px 18px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-height: 128px;
      padding: 10px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 14px;
      background: rgba(215,180,106,.055);
    }

    .image-explainer-input {
      position: relative;
      height: 106px;
      overflow: hidden;
      border-radius: 11px;
      border: 1px solid rgba(255,249,238,.16);
      background: #1b1914;
    }

    .image-explainer-input img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .image-explainer-input span {
      position: absolute;
      right: 5px;
      bottom: 5px;
      padding: 3px 6px;
      border-radius: 999px;
      background: rgba(9,8,6,.78);
      color: rgba(255,249,238,.9);
      font-size: 10px;
    }

    .image-explainer-arrow {
      color: var(--gold);
      font-size: 18px;
      text-align: center;
    }

    .image-explainer-result {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
    }

    .image-explainer-result div {
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(255,249,238,.13);
      border-radius: 9px;
      background: rgba(9,8,6,.42);
    }

    .image-explainer-result img {
      width: 100%;
      height: 70px;
      display: block;
      object-fit: cover;
    }

    .image-explainer-result span {
      display: block;
      padding: 6px 4px;
      overflow: hidden;
      color: rgba(255,249,238,.82);
      font-size: 10px;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .workspace-side-actions {
      display: grid;
      gap: 10px;
    }

    .workspace-side-actions .mini-line {
      min-height: 46px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid rgba(215,180,106,.2);
      border-radius: 12px;
      background: rgba(215,180,106,.07);
      color: rgba(255,249,238,.76);
      font-size: 12px;
      line-height: 1.5;
    }

    .workspace-video-demo {
      display: grid;
      grid-template-columns: minmax(300px, 1.35fr) minmax(230px, .85fr);
      gap: 20px;
      align-items: center;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 14px;
      border: 1px solid rgba(215,180,106,.26);
      border-radius: 18px;
      background:
        linear-gradient(135deg, rgba(215,180,106,.16), rgba(255,249,238,.045) 58%, rgba(0,0,0,.08)),
        rgba(0,0,0,.12);
      box-shadow: 0 14px 34px rgba(0,0,0,.18);
    }

    .workspace-video-demo-media {
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border-radius: 14px;
      border: 1px solid rgba(255,249,238,.12);
      background: rgba(0,0,0,.3);
      box-shadow: 0 16px 34px rgba(0,0,0,.3);
    }

    .workspace-video-demo video {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .workspace-video-demo-copy {
      display: grid;
      gap: 8px;
      padding: 2px 0;
    }

    .workspace-video-demo strong {
      display: block;
      color: rgba(255,249,238,.92);
      font-size: 17px;
      line-height: 1.45;
    }

    .workspace-video-demo span {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
      max-width: 320px;
    }

    .workspace-video-demo .pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }

    .workspace-video-demo .pill-row b {
      padding: 5px 8px;
      border-radius: 999px;
      color: var(--gold-2);
      background: rgba(215,180,106,.14);
      font-size: 11px;
      font-weight: 600;
    }

    .toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 14px;
    }

    .chip {
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 8px 12px;
      color: var(--muted);
      background: rgba(255,249,238,.045);
    }

    .chip.active {
      color: #17110b;
      border-color: transparent;
      background: linear-gradient(135deg, #f4d98d, #d4ad58);
      font-weight: 700;
    }

    .studio {
      display: grid;
      grid-template-columns: minmax(260px, .62fr) minmax(460px, 1.38fr);
      gap: 18px;
      align-items: start;
    }

    .tool-rail {
      position: sticky;
      top: 22px;
      padding: 14px;
      border: 1px solid rgba(255,249,238,.1);
      border-radius: var(--radius);
      background:
        linear-gradient(180deg, rgba(255,249,238,.035), rgba(255,249,238,.015)),
        rgba(7,6,5,.58);
      box-shadow: none;
    }

    .tool-rail .panel-head {
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(255,249,238,.08);
    }

    .tool-rail .panel-head h3 {
      margin: 0;
      font-size: 15px;
    }

    .tool-list {
      display: grid;
      gap: 8px;
    }

    .tool-nav-card {
      width: 100%;
      min-height: auto;
      display: grid;
      grid-template-columns: 36px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      padding: 11px;
      border: 1px solid rgba(255,249,238,.08);
      border-radius: 12px;
      color: rgba(255,249,238,.72);
      background: rgba(255,249,238,.035);
      text-align: left;
      box-shadow: none;
      transition: .16s ease;
    }

    .tool-nav-card:hover {
      transform: none;
      border-color: rgba(215,180,106,.28);
      background: rgba(215,180,106,.06);
    }

    .tool-nav-card.active {
      color: rgba(255,249,238,.96);
      border-color: rgba(215,180,106,.42);
      background:
        linear-gradient(135deg, rgba(215,180,106,.17), rgba(255,249,238,.055)),
        rgba(215,180,106,.055);
    }

    .tool-nav-icon {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      color: #17110b;
      background: linear-gradient(135deg, rgba(255,241,192,.92), rgba(198,154,69,.92));
      font-weight: 800;
      font-size: 14px;
    }

    .tool-nav-copy {
      min-width: 0;
    }

    .tool-nav-copy strong {
      display: block;
      color: inherit;
      font-size: 14px;
      line-height: 1.35;
    }

    .tool-nav-copy span {
      display: block;
      margin-top: 3px;
      color: rgba(255,249,238,.5);
      font-size: 11px;
      line-height: 1.45;
    }

    .tool-panel-shell {
      min-width: 0;
    }

    .asset-overview {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
      gap: 18px;
      align-items: center;
      margin-bottom: 18px;
      padding: 22px;
      border: 1px solid rgba(255,249,238,.12);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,249,238,.07), rgba(215,180,106,.04)),
        rgba(8,7,5,.72);
      box-shadow: var(--shadow-soft);
    }

    .asset-overview h2 {
      margin: 6px 0 8px;
      font-size: 26px;
      color: rgba(255,249,238,.95);
    }

    .asset-overview p {
      max-width: 660px;
      margin: 0;
      color: rgba(255,249,238,.7);
      font-size: 14px;
      line-height: 1.75;
    }

    .asset-quick {
      display: grid;
      gap: 8px;
    }

    .asset-quick span {
      display: block;
      padding: 10px 12px;
      border: 1px solid rgba(215,180,106,.2);
      border-radius: 12px;
      color: rgba(255,249,238,.76);
      background: rgba(215,180,106,.075);
      font-size: 12px;
      line-height: 1.45;
    }

    .asset-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.22fr) minmax(260px, .78fr);
      gap: 18px;
      align-items: start;
      margin-bottom: 22px;
    }

    .asset-register-card {
      border: 1px solid rgba(215,180,106,.18);
      background:
        linear-gradient(135deg, rgba(255,249,238,.06), rgba(215,180,106,.04)),
        rgba(8,7,5,.8);
    }

    .asset-guide-card {
      padding: 16px;
      border: 1px solid rgba(255,249,238,.09);
      border-radius: var(--radius);
      background: rgba(255,249,238,.035);
    }

    .asset-guide-card h3 {
      margin-bottom: 10px;
      font-size: 15px;
    }

    .asset-guide-card p {
      padding-left: 12px;
      border-left: 2px solid rgba(215,180,106,.35);
      color: rgba(255,249,238,.62);
      font-size: 12px;
      line-height: 1.75;
    }

    .admin-overview {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
      gap: 18px;
      align-items: center;
      margin-bottom: 18px;
      padding: 22px;
      border: 1px solid rgba(255,249,238,.12);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,249,238,.068), rgba(215,180,106,.038)),
        rgba(8,7,5,.74);
      box-shadow: var(--shadow-soft);
    }

    .admin-overview h2 {
      margin: 6px 0 8px;
      font-size: 26px;
      color: rgba(255,249,238,.95);
    }

    .admin-overview p {
      max-width: 680px;
      margin: 0;
      color: rgba(255,249,238,.68);
      font-size: 14px;
      line-height: 1.75;
    }

    .admin-metric-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .admin-wallet-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      margin-bottom: 16px;
      padding: 18px;
      border: 1px solid rgba(250,222,157,.36);
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(250,222,157,.16), rgba(215,180,106,.06));
      box-shadow: 0 18px 45px rgba(0,0,0,.2);
    }

    .admin-wallet-card h3 {
      margin: 6px 0 4px;
      color: rgba(255,249,238,.96);
      font-size: 18px;
    }

    .admin-wallet-card p {
      margin: 0;
      color: rgba(255,249,238,.58);
      font-size: 12px;
      line-height: 1.7;
    }

    .admin-wallet-value {
      min-width: 0;
      text-align: left;
      color: var(--gold-2);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.55;
      white-space: normal;
    }

    .admin-metric {
      min-height: 72px;
      padding: 12px;
      border: 1px solid rgba(215,180,106,.18);
      border-radius: 13px;
      background: rgba(215,180,106,.07);
    }

    .admin-metric strong {
      display: block;
      color: rgba(255,249,238,.94);
      font-size: 18px;
      line-height: 1.2;
    }

    .admin-metric span {
      display: block;
      margin-top: 5px;
      color: rgba(255,249,238,.55);
      font-size: 11px;
      line-height: 1.45;
    }

    .admin-layout {
      display: grid;
      grid-template-columns: minmax(260px, .72fr) minmax(520px, 1.28fr);
      gap: 18px;
      align-items: start;
    }

    .admin-login-card {
      position: sticky;
      top: 22px;
      border: 1px solid rgba(215,180,106,.2);
      background:
        linear-gradient(135deg, rgba(255,249,238,.058), rgba(215,180,106,.04)),
        rgba(8,7,5,.82);
    }

    .admin-data-card {
      min-height: 280px;
      border: 1px solid rgba(255,249,238,.11);
      background: rgba(255,249,238,.04);
    }

    body.admin-entry main { width: min(1280px, calc(100vw - 40px)); }
    .admin-layout.admin-authenticated { grid-template-columns: 1fr; }
    .admin-layout.admin-authenticated .admin-login-card { position: static; padding: 12px 16px; }
    .admin-session-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .admin-session-bar strong { color: var(--ink); }
    .admin-session-bar span { color: var(--muted); font-size: 13px; }
    .admin-session-bar .btn { min-height: 38px; }
    .admin-data-card { width: 100%; }

    .admin-ia-shell { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 18px; align-items: start; }
    .admin-primary-nav { position: sticky; top: 18px; display: grid; gap: 7px; padding: 12px; border: 1px solid rgba(255,249,238,.1); border-radius: 16px; background: rgba(8,7,5,.55); }
    .admin-primary-nav h3 { margin: 6px 8px 10px; font-size: 15px; }
    .admin-primary-nav button { width: 100%; min-height: 43px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); text-align: left; font-weight: 700; cursor: pointer; }
    .admin-primary-nav button:hover { background: rgba(255,249,238,.06); color: var(--ink); }
    .admin-primary-nav button.active { background: rgba(215,180,106,.17); color: var(--gold-2); box-shadow: inset 0 0 0 1px rgba(215,180,106,.26); }
    .admin-content-column { min-width: 0; }
    .admin-content-head { margin-bottom: 15px; padding: 16px 18px; border: 1px solid rgba(255,249,238,.1); border-radius: 15px; background: rgba(255,249,238,.035); }
    .admin-breadcrumb { color: var(--muted); font-size: 12px; }
    .admin-content-head h2 { margin: 7px 0 0; font-size: 23px; }
    .admin-secondary-nav { display: flex; gap: 8px; margin-top: 14px; overflow-x: auto; padding-bottom: 2px; }
    .admin-secondary-nav[hidden], .admin-module-panel[hidden] { display: none !important; }
    .admin-secondary-nav button { flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid rgba(255,249,238,.12); border-radius: 999px; background: rgba(255,249,238,.035); color: var(--muted); cursor: pointer; }
    .admin-secondary-nav button.active { border-color: rgba(215,180,106,.45); background: rgba(215,180,106,.16); color: var(--gold-2); }
    .admin-module-stage { min-width: 0; }
    .admin-module-panel { min-width: 0; animation: admin-panel-in .18s ease; }
    .admin-module-panel > .section-head:first-child, .admin-module-panel > .panel-head:first-child { margin-top: 0; }
    .simple-playbook-manager { display: grid; grid-template-columns: minmax(250px,300px) minmax(0,1fr); gap: 18px; align-items: start; }
    .simple-playbook-sidebar, .simple-playbook-editor { border: 1px solid rgba(255,249,238,.1); border-radius: 18px; background: rgba(8,7,5,.48); padding: 16px; min-width: 0; }
    .simple-playbook-editor { padding-bottom: 104px; }
    .simple-playbook-toolbar { display: grid; gap: 10px; position: sticky; top: 12px; }
    .simple-playbook-summary { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 13px; }
    .simple-playbook-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .simple-playbook-list { display: grid; gap: 8px; max-height: 68vh; overflow: auto; padding-right: 3px; }
    .simple-playbook-list-item { display: grid; gap: 6px; padding: 6px; border: 1px solid rgba(255,249,238,.07); border-radius: 14px; }
    .simple-playbook-list-actions { display: flex; gap: 6px; justify-content: flex-end; }
    .simple-playbook-list-actions .btn { min-height: 30px; padding: 4px 9px; font-size: 12px; }
    .simple-playbook-card { width: 100%; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 10px; text-align: left; align-items: center; border: 1px solid rgba(255,249,238,.09); border-radius: 13px; padding: 9px; background: rgba(255,249,238,.035); color: inherit; cursor: pointer; }
    .simple-playbook-card.active { border-color: rgba(215,180,106,.8); background: rgba(215,180,106,.12); }
    .simple-playbook-card img, .simple-playbook-cover-placeholder { width: 54px; height: 54px; border-radius: 10px; object-fit: cover; background: linear-gradient(135deg,#343024,#17140f); display: grid; place-items: center; color: var(--gold-2); font-weight: 700; }
    .simple-playbook-card span { min-width: 0; display: grid; gap: 3px; }
    .simple-playbook-card strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .simple-playbook-card small { color: var(--muted); }
    .simple-playbook-status { color: #8fd3a8 !important; }
    .simple-playbook-status.off { color: #e2a0a0 !important; }
    .simple-playbook-editor-head { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 14px; }
    .simple-playbook-form { display: grid; gap: 18px; }
    .simple-playbook-form .field { margin: 0; }
    .simple-playbook-form .field > span { display: block; margin-bottom: 7px; color: var(--ink); font-size: 14px; font-weight: 750; }
    .simple-playbook-form input, .simple-playbook-form select { min-height: 46px; }
    .simple-playbook-form textarea { min-height: 110px; line-height: 1.65; }
    .simple-playbook-form textarea.prompt { min-height: 300px; width: 100%; }
    .simple-playbook-cover-row { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 14px; align-items: center; }
    .simple-playbook-cover-preview { width: 120px; height: 150px; border-radius: 14px; overflow: hidden; background: rgba(255,249,238,.05); display: grid; place-items: center; color: var(--muted); }
    .simple-playbook-cover-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .simple-playbook-actions { position: fixed; left: var(--simple-playbook-action-left,auto); right: var(--simple-playbook-action-right,24px); bottom: 16px; z-index: 70; width: auto; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 12px 16px; border: 1px solid rgba(215,180,106,.34); border-radius: 15px; background: rgba(12,10,7,.97); box-shadow: 0 12px 34px rgba(0,0,0,.42); backdrop-filter: blur(14px); }
    .simple-playbook-save-state { margin-right: auto; color: var(--muted); font-size: 13px; }
    .simple-playbook-more { border: 1px solid rgba(255,249,238,.1); border-radius: 15px; background: rgba(255,249,238,.025); }
    .simple-playbook-more > summary { padding: 14px 16px; cursor: pointer; font-weight: 750; }
    .simple-playbook-more-content { display: grid; gap: 16px; padding: 4px 16px 16px; }
    .simple-playbook-new-note { padding: 13px 15px; border: 1px solid rgba(215,180,106,.3); border-radius: 13px; background: rgba(215,180,106,.1); line-height: 1.65; }
    .simple-upload-rules { display: grid; gap: 12px; padding: 15px; border: 1px solid rgba(255,249,238,.1); border-radius: 14px; }
    .simple-upload-switches { display: flex; flex-wrap: wrap; gap: 12px 20px; }
    .simple-playbook-preview { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: 16px; padding: 16px; border: 1px solid rgba(215,180,106,.23); border-radius: 16px; background: rgba(255,249,238,.035); }
    .simple-playbook-preview img, .simple-preview-cover-empty { width: 132px; height: 166px; border-radius: 13px; object-fit: cover; background: linear-gradient(135deg,#343024,#17140f); display: grid; place-items: center; color: var(--gold-2); }
    .simple-playbook-workspace-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid rgba(255,249,238,.09); }
    .simple-playbook-workspace-head h3 { margin:4px 0 6px; font-size:24px; }
    .simple-playbook-workspace-head p { margin:0; color:var(--muted); }
    .simple-playbook-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:18px 0 26px; border-bottom:1px solid rgba(255,249,238,.1); }
    .simple-playbook-step { position:relative; display:grid; justify-items:center; gap:8px; min-height:88px; padding:8px 10px 18px; border:0; background:transparent; color:var(--muted); cursor:pointer; }
    .simple-playbook-step::after { content:""; position:absolute; left:10%; right:10%; bottom:-1px; height:3px; background:transparent; }
    .simple-playbook-step b { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(255,249,238,.14); border-radius:50%; color:var(--ink); font-size:17px; }
    .simple-playbook-step.active { color:var(--ink); }
    .simple-playbook-step.active::after { background:var(--gold-2); }
    .simple-playbook-step.active b { border-color:var(--gold-2); background:var(--gold-2); color:#171109; }
    .simple-playbook-step-panel { display:none; gap:18px; }
    .simple-playbook-step-panel.active { display:grid; }
    .simple-playbook-panel-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid rgba(255,249,238,.08); }
    .simple-playbook-panel-intro h3 { margin:0 0 5px; }
    .simple-playbook-panel-intro p { margin:0; color:var(--muted); }
    .simple-playbook-placement-list { display:grid; border:1px solid rgba(255,249,238,.12); border-radius:15px; overflow:hidden; }
    .simple-playbook-placement-choice { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(150px,220px); gap:14px; align-items:center; padding:18px; background:rgba(255,249,238,.025); }
    .simple-playbook-placement-choice + .simple-playbook-placement-choice { border-top:1px solid rgba(255,249,238,.1); }
    .simple-playbook-placement-choice > span { display:grid; gap:4px; }
    .simple-playbook-placement-choice small { color:var(--muted); }
    .simple-playbook-placement-choice input[type="checkbox"] { width:20px; height:20px; accent-color:var(--gold-2); }
    .simple-playbook-presentation-grid { display:grid; grid-template-columns:1fr; gap:22px; align-items:start; }
    .simple-playbook-visibility-toggles { display:grid; grid-template-columns:repeat(2,minmax(0,max-content)); gap:10px 22px; align-items:center; padding:8px 10px; }
    .simple-playbook-visibility-toggles label { display:flex; align-items:center; gap:9px; min-height:28px; cursor:pointer; }
    .simple-playbook-visibility-toggles input[type="checkbox"] { appearance:none; position:relative; flex:0 0 34px; width:34px !important; height:20px !important; min-width:34px; min-height:20px !important; margin:0; padding:0; border:1px solid rgba(255,249,238,.24); border-radius:999px; background:rgba(255,249,238,.09); transition:.16s ease; }
    .simple-playbook-visibility-toggles input[type="checkbox"]::after { content:""; position:absolute; top:3px; left:3px; width:12px; height:12px; border-radius:50%; background:rgba(255,249,238,.72); transition:.16s ease; }
    .simple-playbook-visibility-toggles input[type="checkbox"]:checked { border-color:rgba(215,180,106,.82); background:rgba(215,180,106,.3); }
    .simple-playbook-visibility-toggles input[type="checkbox"]:checked::after { left:17px; background:var(--gold-2); }
    .simple-playbook-release-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
    .simple-playbook-release-checks span { padding:13px; border:1px solid rgba(255,249,238,.1); border-radius:12px; color:var(--muted); }
    .simple-playbook-release-checks strong { display:block; margin-bottom:4px; color:var(--ink); }
    .simple-playbook-editor .up-field-actions { flex-wrap:wrap; justify-content:flex-end; }
    #admin:has([data-admin-module="image.playbooks"]:not([hidden])) > .admin-overview,
    #admin:has([data-admin-module="image.playbooks"]:not([hidden])) .admin-login-card,
    #admin:has([data-admin-module="image.playbooks"]:not([hidden])) .admin-content-head { display:none; }
    #admin:has([data-admin-module="image.playbooks"]:not([hidden])) .admin-layout { margin-top:0; }
    #admin:has([data-admin-module="image.playbooks"]:not([hidden])) .admin-data-card { padding-top:16px; }
    .simple-playbook-manager { height:min(780px,calc(100vh - 150px)); min-height:600px; grid-template-rows:minmax(0,1fr); overflow:hidden; align-items:stretch; }
    .simple-playbook-sidebar, .simple-playbook-editor { height:auto; min-height:0; max-height:100%; }
    .simple-playbook-toolbar { height:100%; grid-template-rows:auto auto auto minmax(0,1fr); }
    .simple-playbook-list { min-height:0; max-height:none; }
    .simple-playbook-editor { overflow-y:auto; padding-bottom:16px; scrollbar-gutter:stable; }
    .simple-playbook-form { min-height:calc(100% - 128px); padding-bottom:0; }
    .simple-playbook-editor .simple-playbook-actions { position:fixed; left:var(--simple-playbook-action-left,auto); right:var(--simple-playbook-action-right,24px); bottom:16px; z-index:75; width:auto; margin-top:12px; background:#0c0a07; box-shadow:0 -1px rgba(215,180,106,.24); backdrop-filter:none; }
    .simple-playbook-list-item { padding:0; border:0; border-bottom:1px solid rgba(255,249,238,.08); border-radius:0; }
    .simple-playbook-card { border-color:transparent; border-radius:10px; }
    .simple-playbook-list-actions { display:none; }
    .simple-preview-body { display: grid; gap: 10px; align-content: start; }
    .simple-preview-body h4, .simple-preview-body p { margin: 0; }
    .simple-preview-body p, .simple-preview-upload small { color: var(--muted); line-height: 1.55; }
    .simple-preview-upload { padding: 12px; border: 1px dashed rgba(215,180,106,.35); border-radius: 12px; }
    .simple-preview-input { min-height: 42px; padding: 10px 12px; border-radius: 10px; background: rgba(255,249,238,.07); color: var(--muted); }
    .simple-cover-meta { display: grid; gap: 8px; color: var(--muted); font-size: 12px; word-break: break-all; }
    .universal-section > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .universal-section > summary span { color:var(--muted); font-size:12px; font-weight:500; }
    [data-universal-list] { display:grid; gap:10px; }
    .universal-config-card { border:1px solid rgba(255,249,238,.1); border-radius:13px; background:rgba(8,7,5,.34); }
    .universal-config-card > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; cursor:pointer; }
    .universal-config-card > summary span { color:var(--muted); font-size:12px; }
    .universal-config-body { display:none; gap:13px; padding:18px 20px 92px; overflow-y:auto; overflow-x:hidden; min-width:0; min-height:0; overscroll-behavior:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; }
    body.universal-item-modal-open { overflow:hidden; }
    body.universal-item-modal-open::before { content:""; position:fixed; inset:0; z-index:180; background:rgba(0,0,0,.72); backdrop-filter:blur(3px); }
    .universal-config-card[open] { position:fixed; z-index:190; inset:5vh max(24px,8vw); width:min(960px,calc(100vw - 48px)); height:min(90vh,860px); max-height:90vh; margin:auto; display:flex; flex-direction:column; overflow:hidden; border-color:rgba(215,180,106,.48); border-radius:18px; background:#15120d; box-shadow:0 28px 90px rgba(0,0,0,.65); }
    .universal-config-card[open] > summary { flex:0 0 auto; min-height:68px; padding:14px 20px; border-bottom:1px solid rgba(255,249,238,.1); background:#1b1711; cursor:default; }
    .universal-config-card[open] > summary::after { content:none; }
    .universal-config-card[open] > .universal-config-body { position:absolute; top:68px; right:0; bottom:0; left:0; display:grid; height:auto; }
    .universal-dialog-head-state { margin-left:auto; color:var(--muted); font-size:12px; }
    .universal-dialog-close { flex:0 0 auto; min-width:38px; min-height:36px; padding:6px 10px; }
    .universal-dialog-actions { position:absolute; left:0; right:0; bottom:0; z-index:3; min-height:70px; display:flex; align-items:center; justify-content:flex-end; gap:10px; padding:12px 20px; border-top:1px solid rgba(255,249,238,.12); background:rgba(18,15,11,.98); }
    .universal-dialog-actions span { margin-right:auto; color:var(--muted); font-size:12px; }
    .universal-dialog-actions .btn[disabled] { opacity:.45; }
    .universal-batch-add { display:grid; gap:8px; padding:12px; border:1px dashed rgba(215,180,106,.25); border-radius:12px; }
    .universal-batch-add textarea { min-height:110px; }
    .universal-option-manager { display:grid; gap:10px; }
    .universal-option-manager-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
    .universal-option-scroll-hint { position:sticky; top:0; z-index:2; padding:7px 10px; border-radius:9px; background:rgba(215,180,106,.14); color:var(--gold-2); font-size:12px; text-align:center; transition:opacity .18s; }
    .universal-option-scroll-hint[hidden] { display:none; }
    .universal-option-list { display:grid; gap:8px; }
    .universal-option-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 12px; border:1px solid rgba(255,249,238,.1); border-radius:11px; background:rgba(255,249,238,.035); }
    .universal-option-card strong, .universal-option-card small { display:block; }
    .universal-option-card small { margin-top:4px; color:var(--muted); line-height:1.5; }
    .universal-option-card-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
    .universal-option-card-actions .btn { min-height:34px; padding:6px 9px; }
    .universal-option-dialog { position:fixed; z-index:210; inset:9vh max(32px,13vw); width:min(760px,calc(100vw - 48px)); height:min(82vh,720px); margin:auto; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border:1px solid rgba(215,180,106,.55); border-radius:17px; background:#17130e; box-shadow:0 30px 100px rgba(0,0,0,.72); }
    .universal-option-dialog::before { content:""; position:fixed; inset:0; z-index:-1; background:rgba(0,0,0,.52); }
    .universal-option-dialog-head, .universal-option-dialog-foot { display:flex; align-items:center; gap:10px; padding:14px 18px; background:#1d1812; }
    .universal-option-dialog-head { border-bottom:1px solid rgba(255,249,238,.1); }
    .universal-option-dialog-head span { margin-left:auto; color:var(--muted); font-size:12px; }
    .universal-option-dialog-body { display:grid; align-content:start; gap:13px; min-width:0; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; padding:18px; }
    .universal-option-dialog-foot { justify-content:flex-end; border-top:1px solid rgba(255,249,238,.1); }
    .universal-option-dialog .technical { margin-top:4px; }
    body.universal-option-modal-open .universal-config-card[open] > summary,
    body.universal-option-modal-open .universal-config-card[open] > .universal-config-body { opacity:.34; filter:saturate(.45); pointer-events:none; }
    body.universal-option-modal-open .universal-config-card[open] > .universal-dialog-actions { opacity:0; pointer-events:none; }
    body.universal-option-modal-open .universal-option-dialog { opacity:1; filter:none; pointer-events:auto; }
    .universal-option-draft-badge { display:inline-flex; margin-left:7px; padding:3px 7px; border-radius:999px; background:rgba(215,180,106,.16); color:var(--gold-2); font-size:11px; font-weight:600; }
    .universal-batch-stats { display:flex; flex-wrap:wrap; gap:8px; }
    .universal-batch-stats span { padding:5px 8px; border-radius:999px; background:rgba(255,249,238,.055); color:var(--muted); font-size:12px; }
    .universal-card-technical { margin-top:4px; }
    .universal-card-technical > summary { color:var(--muted); font-size:12px; }
    .universal-prompt-summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px; border-radius:12px; background:rgba(215,180,106,.07); }
    .universal-prompt-summary span { color:var(--muted); font-size:12px; }
    .universal-prompt-preview-dialog { width:min(820px,calc(100vw - 32px)); max-height:86vh; padding:0; overflow:hidden; border:1px solid rgba(215,180,106,.42); border-radius:18px; background:#15120d; color:var(--ink); }
    .universal-prompt-preview-dialog::backdrop { background:rgba(0,0,0,.72); }
    .universal-prompt-preview-dialog header, .universal-prompt-preview-dialog footer { display:flex; align-items:center; gap:10px; padding:14px 18px; background:#1b1711; }
    .universal-prompt-preview-dialog header { border-bottom:1px solid rgba(255,249,238,.1); }
    .universal-prompt-preview-dialog footer { justify-content:flex-end; border-top:1px solid rgba(255,249,238,.1); }
    .universal-prompt-preview-body { max-height:calc(86vh - 132px); overflow:auto; padding:18px; white-space:pre-wrap; line-height:1.7; }
    body.universal-item-modal-open .simple-playbook-actions { opacity:0; pointer-events:none; }
    .universal-toggle-row, .universal-placement-grid { display:flex; flex-wrap:wrap; gap:10px 18px; padding:10px 12px; border-radius:11px; background:rgba(255,249,238,.035); }
    .universal-item-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
    .universal-preview-extras { display:grid; gap:9px; }
    .universal-preview-extras > div { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
    .universal-preview-extras span { padding:5px 8px; border-radius:999px; background:rgba(215,180,106,.11); color:var(--muted); font-size:12px; }
    .universal-live-preview { align-items:start; }
    .admin-workbench-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
    .admin-workbench-actions button { min-height: 54px; text-align: left; }
    .admin-module-note { padding: 18px; border: 1px dashed rgba(215,180,106,.25); border-radius: 14px; color: var(--muted); line-height: 1.7; }
    @keyframes admin-panel-in { from { opacity: .45; transform: translateY(4px); } to { opacity: 1; transform: none; } }

    @media (max-width: 980px) {
      .admin-ia-shell { grid-template-columns: 1fr; }
      .simple-playbook-manager { grid-template-columns: 1fr; height:auto; min-height:0; }
      .simple-playbook-toolbar { position: static; }
      .simple-playbook-list { max-height: 360px; }
      .simple-playbook-sidebar, .simple-playbook-editor { height:auto; }
      .simple-playbook-editor { overflow:visible; }
      .simple-playbook-form { padding-bottom:0; }
      .simple-playbook-editor .simple-playbook-actions { position:static; margin-top:4px; box-shadow:none; backdrop-filter:none; }
      .simple-playbook-actions { left: 16px !important; right: 16px !important; bottom: 12px; width: auto; }
      .admin-primary-nav { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); }
      .admin-primary-nav h3 { grid-column: 1 / -1; }
    }

    .admin-wallet-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 14px;
      margin-bottom: 16px;
    }

    .admin-wallet-grid .admin-wallet-card {
      margin-bottom: 0;
    }

    .admin-wallet-value {
      display: grid;
      gap: 6px;
    }

    .admin-wallet-value strong {
      color: var(--gold-2);
      font-size: 24px;
    }

    .admin-wallet-value span {
      color: rgba(255,249,238,.72);
      font-size: 12px;
    }

    .admin-wallet-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 6px;
    }
    @media (max-width: 760px) {
      .simple-playbook-sidebar, .simple-playbook-editor { padding:13px; border-radius:14px; }
      .simple-playbook-workspace-head, .simple-playbook-panel-intro { align-items:flex-start; flex-direction:column; }
      .simple-playbook-workspace-head .up-field-actions { justify-content:flex-start; }
      .simple-playbook-steps { grid-template-columns:repeat(4,1fr); overflow-x:auto; }
      .simple-playbook-step { min-width:76px; padding-inline:4px; font-size:12px; }
      .simple-playbook-step b { width:31px; height:31px; font-size:14px; }
      .simple-playbook-placement-choice { grid-template-columns:auto minmax(0,1fr); }
      .simple-playbook-placement-choice .field { grid-column:1 / -1; }
      .simple-playbook-presentation-grid, .simple-playbook-release-checks { grid-template-columns:1fr; }
    }
    @media (max-width: 640px) {
      #admin:has(.admin-layout.admin-authenticated) > .admin-overview { display: none; }
      .admin-primary-nav { display: flex; gap: 7px; overflow-x: auto; padding: 9px; scrollbar-width: thin; }
      .admin-primary-nav h3 { display: none; }
      .admin-primary-nav button { flex: 0 0 auto; width: auto; min-height: 42px; white-space: nowrap; }
      .admin-content-head { padding: 13px 14px; }
      .admin-data-card { padding: 12px; }
      .admin-workbench-actions { grid-template-columns: 1fr; }
      .simple-playbook-preview, .simple-playbook-cover-row { grid-template-columns: 1fr; }
      .simple-playbook-visibility-toggles { grid-template-columns:1fr; gap:6px; }
      .simple-playbook-actions { justify-content: stretch; }
      .simple-playbook-actions .btn { flex: 1; }
      .universal-config-card[open] { inset:0; width:100vw; height:100dvh; max-height:none; border-radius:0; }
      .universal-config-card[open] > summary { padding:12px 14px; }
      .universal-config-body { padding:14px 14px 88px; }
      .universal-dialog-actions { padding:10px 12px max(10px,env(safe-area-inset-bottom)); }
      .universal-option-card { grid-template-columns:1fr; }
      .universal-option-card-actions { justify-content:flex-start; }
      .universal-option-dialog { inset:0; width:100vw; height:100dvh; max-height:none; border-radius:0; }
    }

    .up-admin { display: grid; gap: 18px; margin: 8px 0 28px; }
    .up-status-card { display: grid; grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(130px, .75fr)); gap: 14px; padding: 22px; border: 1px solid rgba(215,180,106,.34); border-radius: 18px; background: linear-gradient(120deg, rgba(215,180,106,.16), rgba(255,249,238,.045)); }
    .up-status-card h2 { margin: 5px 0 6px; font-size: clamp(23px, 2vw, 32px); }
    .up-status-card p { margin: 0; color: var(--muted); line-height: 1.55; }
    .up-status-item { padding: 12px 14px; border-radius: 13px; background: rgba(8,7,5,.42); }
    .up-status-item span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; }
    .up-status-item strong { color: var(--ink); font-size: 15px; }
    .up-unsaved { grid-column: 1 / -1; display: none; padding: 10px 13px; border-radius: 10px; background: rgba(215,151,55,.16); color: #ffd895; }
    .up-unsaved.show { display: block; }

    .up-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr); gap: 18px; align-items: start; }
    .up-detail-tabs { display:flex; gap:8px; margin:18px 0; padding:7px; overflow-x:auto; border:1px solid rgba(255,249,238,.1); border-radius:16px; background:rgba(255,249,238,.025); }
    .up-detail-tabs button { flex:0 0 auto; min-height:40px; padding:9px 14px; border:1px solid transparent; border-radius:11px; color:var(--muted); background:transparent; }
    .up-detail-tabs button.active { color:#17130b; border-color:var(--gold); background:var(--gold-2); font-weight:800; }
    .up-admin [data-up-detail-panel] { display:none !important; }
    .up-admin[data-active-tab="overview"] [data-up-detail-panel="overview"], .up-admin[data-active-tab="fields"] [data-up-detail-panel="fields"], .up-admin[data-active-tab="capabilities"] [data-up-detail-panel="capabilities"], .up-admin[data-active-tab="prompts"] [data-up-detail-panel="prompts"], .up-admin[data-active-tab="images"] [data-up-detail-panel="images"], .up-admin[data-active-tab="presentation"] [data-up-detail-panel="presentation"], .up-admin[data-active-tab="release"] [data-up-detail-panel="release"] { display:block !important; }
    .up-admin .up-workspace { display:block; }
    .up-admin .up-side { display:contents; }
    .up-library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .up-library-card { padding:15px; border:1px solid rgba(255,249,238,.11); border-radius:14px; background:rgba(255,249,238,.035); }
    .up-library-card h4 { margin:0 0 7px; }
    .up-library-card p { margin:6px 0; color:var(--muted); line-height:1.55; }
    .up-source-summary { margin-top:12px; padding:12px 14px; border-left:3px solid var(--gold); background:rgba(215,180,106,.08); }
    .up-steps { display: grid; gap: 16px; }
    .up-step, .up-side-card, .up-settings { padding: 20px; border: 1px solid rgba(255,249,238,.12); border-radius: 16px; background: rgba(255,249,238,.035); }
    .up-step-head { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 16px; }
    .up-step-number { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: var(--gold); color: #171008; font-weight: 900; }
    .up-step-head h3 { margin: 0 0 4px; font-size: 19px; }
    .up-step-head p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
    .up-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
    .up-field-grid .wide { grid-column: 1 / -1; }
    .up-field-label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; }
    .up-cover-editor { display: grid; grid-template-columns: 116px 1fr; gap: 14px; align-items: center; }
    .up-cover-editor img { width: 116px; height: 86px; border-radius: 12px; object-fit: cover; border: 1px solid var(--line); background: rgba(255,255,255,.04); }
    .up-cover-actions { display: flex; gap: 9px; flex-wrap: wrap; }

    .up-option-groups, .up-rule-groups { display: grid; gap: 14px; }
    .up-option-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .up-option-group, .up-rule-group { padding: 14px; border: 1px solid rgba(255,249,238,.1); border-radius: 13px; background: rgba(8,7,5,.24); }
    .up-option-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
    .up-option-title strong { color: var(--ink); }
    .up-option-title small { color: var(--muted); }
    .up-option-list { display: grid; gap: 8px; }
    .up-option-row { display: grid; grid-template-columns: 32px minmax(120px,1fr) auto auto auto auto; gap: 7px; align-items: center; }
    .up-option-row input[type="text"] { min-width: 0; }
    .up-option-row .btn { min-height: 34px; padding: 7px 9px; font-size: 12px; }
    .up-default-label { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 12px; white-space: nowrap; }
    .up-add-row { margin-top: 9px; }
    .up-option-meta { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: 9px; }
    .up-option-textarea { min-height: 142px; max-height: 190px; resize: vertical; overflow-y: auto; line-height: 1.65; }
    .up-option-default { margin-top: 10px; }
    .up-option-notice { display: none; margin-top: 8px; color: #f2ce83; font-size: 12px; }
    .up-option-notice.show { display: block; }
    .up-step-head .up-step-action { margin-left: auto; flex: 0 0 auto; }
    .up-field-actions, .up-field-switches { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
    .up-field-actions .btn { min-height: 34px; padding: 7px 10px; }
    .up-field-switches { margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(255,249,238,.08); }
    .up-field-wizard { width: min(720px, calc(100vw - 28px)); max-height: calc(100vh - 40px); overflow-y: auto; padding: 22px; border: 1px solid rgba(215,180,106,.38); border-radius: 18px; color: var(--ink); background: #17140f; box-shadow: 0 28px 80px rgba(0,0,0,.55); }
    .up-field-wizard::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(4px); }
    .up-field-wizard form { display: grid; gap: 14px; }
    .up-field-wizard [hidden] { display: none !important; }
    #upCapabilityEditor { width:min(920px,calc(100vw - 28px)); height:min(780px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; }
    #upCapabilityEditor form { height:100%; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:0; }
    .up-capability-head,.up-capability-actions { position:relative; z-index:2; padding:16px 20px; background:#17140f; }
    .up-capability-head { border-bottom:1px solid rgba(215,180,106,.22); }
    .up-capability-actions { border-top:1px solid rgba(215,180,106,.22); display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:max(16px,env(safe-area-inset-bottom)); }
    .up-capability-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:18px 20px 24px; display:grid; gap:16px; }
    .up-capability-section { border:1px solid rgba(215,180,106,.2); border-radius:14px; padding:16px; background:rgba(255,255,255,.025); }
    .up-capability-section h4 { margin:0 0 4px; }
    .up-capability-section > p { margin:0 0 14px; color:var(--muted); }
    .up-icon-preview { display:inline-grid; place-items:center; min-width:38px; height:38px; border-radius:10px; margin-top:6px; background:rgba(215,180,106,.14); font-size:20px; }
    .up-trigger-rule { display:grid; grid-template-columns:1.1fr 1fr 1.2fr auto; gap:8px; margin-top:8px; align-items:end; }
    .up-technical-details { border-top:1px dashed rgba(215,180,106,.25); padding-top:10px; }
    #upCapabilityEditor[data-dirty="true"] #upCapabilityEditorStatus { color:#ffd27c; }
    #upSaveCapability:disabled { opacity:.48; cursor:not-allowed; }
    @media(max-width:640px){ #upCapabilityEditor { width:100vw; height:100dvh; max-height:100dvh; border-radius:0; } .up-capability-head,.up-capability-scroll,.up-capability-actions{padding-left:14px;padding-right:14px}.up-capability-actions{flex-wrap:wrap}.up-capability-actions .up-field-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.up-trigger-rule{grid-template-columns:1fr}.up-trigger-rule button{width:100%} }
    .up-public-multi, .up-public-single { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 8px; margin-top: 9px; }
    .up-public-multi label, .up-public-single label { display: flex; align-items: center; gap: 9px; min-height: 40px; padding: 8px 10px; border: 1px solid rgba(255,249,238,.12); border-radius: 9px; color: var(--ink); background: rgba(255,255,255,.025); cursor: pointer; }
    .up-public-multi label:has(input:checked), .up-public-single label:has(input:checked) { border-color: rgba(215,180,106,.64); background: rgba(215,180,106,.14); }
    .up-public-multi input[type="checkbox"], .up-public-single input[type="radio"] { appearance: auto; flex: 0 0 17px; width: 17px !important; height: 17px !important; min-width: 17px; min-height: 17px !important; max-height: 17px; margin: 0; padding: 0; accent-color: var(--gold); }
    .up-public-multi label span, .up-public-single label span { line-height: 1.35; }
    .up-choice-field { min-width: 0; padding: 13px; border: 1px solid rgba(255,249,238,.12); border-radius: 12px; }
    .up-choice-field legend { padding: 0 5px; color: var(--ink); font-weight: 800; }
    .up-choice-field > small { display: block; margin-top: 2px; color: var(--muted); }
    .up-choice-kind { display: inline-block; margin-top: 7px; color: #e8cc91; font-size: 12px; }
    .up-choice-error { display: block; margin-top: 8px; color: #ffc1ae; font-size: 12px; }

    .up-progress { display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; margin-bottom: 15px; }
    .up-progress span { padding: 10px; border-radius: 10px; text-align: center; color: var(--muted); background: rgba(255,255,255,.04); font-size: 12px; }
    .up-progress span.done { color: #dff7d8; background: rgba(90,150,85,.17); }
    .up-progress span.current { color: #1a1208; background: var(--gold); font-weight: 800; }
    .up-action-stack { display: grid; gap: 10px; }
    .up-action-stack .btn { width: 100%; min-height: 46px; }
    .up-impact { padding: 12px; border-radius: 11px; color: var(--muted); background: rgba(215,180,106,.08); font-size: 12px; line-height: 1.6; }
    .up-test-result { display: none; margin-top: 12px; padding: 14px; border-radius: 12px; background: rgba(82,139,77,.13); }
    .up-test-result.show { display: grid; gap: 7px; }
    .up-test-result strong { color: #dff7d8; }
    .up-publish-result { display: grid; gap: 12px; margin-top: 15px; padding: 16px; border: 1px solid rgba(215,180,106,.3); border-radius: 13px; background: rgba(215,180,106,.08); }
    .up-publish-result h4 { margin: 0; color: var(--ink); font-size: 17px; }
    .up-publish-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
    .up-publish-facts span { padding: 9px; border-radius: 8px; background: rgba(0,0,0,.18); color: var(--muted); font-size: 12px; }
    .up-publish-facts strong { display: block; margin-top: 4px; color: var(--ink); }
    .up-runtime-actions, .up-test-links { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
    .up-runtime-actions .btn.active { border-color: var(--gold); color: #171008; background: var(--gold); }
    .up-test-links small { color: #f0cf8d; }
    .up-mock-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .up-mock-form .field:last-child { grid-column: 1 / -1; }
    .up-side { display: grid; gap: 16px; position: sticky; top: 18px; }
    .up-settings summary, .up-danger summary, .legacy-playbook-management summary { cursor: pointer; color: var(--ink); font-weight: 800; }
    .up-settings[open] summary, .up-danger[open] summary, .legacy-playbook-management[open] summary { margin-bottom: 16px; }
    .up-danger { border-color: rgba(192,83,63,.38); background: rgba(112,34,25,.09); }
    .up-danger-actions { display: grid; gap: 11px; }
    .up-danger .btn { min-height: 42px; }
    .up-tech-note { margin: 8px 0 14px; padding: 10px; border-radius: 9px; color: #ffc7b5; background: rgba(150,56,40,.14); }
    .legacy-playbook-management { margin: 26px 0; padding: 18px; border: 1px dashed rgba(255,249,238,.18); border-radius: 16px; }
    .legacy-playbook-management > summary small { display: block; margin-top: 5px; color: var(--muted); font-weight: 400; }

    @media (max-width: 1180px) {
      .up-status-card { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .up-status-main { grid-column: 1 / -1; }
      .up-workspace { grid-template-columns: 1fr; }
      .up-library-grid { grid-template-columns:1fr; }
      .up-side { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
      .up-side > :first-child { grid-column: 1 / -1; }
    }
    @media (max-width: 720px) {
      body.admin-entry main { width: min(100% - 20px, 1280px); }
      .up-status-card, .up-field-grid, .up-mock-form, .up-side, .up-option-groups, .up-option-meta, .up-publish-facts { grid-template-columns: 1fr; }
      .up-status-main, .up-field-grid .wide, .up-mock-form .field:last-child, .up-side > :first-child { grid-column: auto; }
      .up-option-row { grid-template-columns: 28px minmax(0,1fr) auto; }
      .up-option-row .up-move, .up-option-row .up-default-label { grid-row: 2; }
      .up-cover-editor { grid-template-columns: 1fr; }
      .up-progress { grid-template-columns: 1fr; }
    }

    .admin-empty {
      min-height: 220px;
      display: grid;
      place-items: center;
      padding: 22px;
      border: 1px dashed rgba(215,180,106,.24);
      border-radius: var(--radius);
      color: rgba(255,249,238,.58);
      text-align: center;
      line-height: 1.7;
    }

    .sales-kit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
    .sales-kit-card { display: grid; gap: 10px; padding: 15px; border: 1px solid rgba(215,180,106,.2); border-radius: 12px; background: rgba(255,249,238,.028); }
    .sales-kit-card strong { font-size: 16px; color: var(--ink); }
    .sales-kit-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
    .sales-kit-card .btn { justify-self: start; }

    .panel {
      padding: 18px;
      min-width: 0;
    }

    .panel.dark { background: rgba(8,7,5,.78); }

    .playbook-intro {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 18px;
      padding: 18px;
      border: 1px solid rgba(215,180,106,.3);
      border-radius: var(--radius);
      background: linear-gradient(110deg, rgba(215,180,106,.14), rgba(255,249,238,.035));
    }

    .playbook-intro h4 { margin: 7px 0 5px; font-size: 20px; }
    .playbook-intro p { margin: 0; max-width: 680px; color: var(--muted); }
    .playbook-categories { display: flex; flex-wrap: wrap; gap: 8px; }
    .playbook-categories button { white-space: nowrap; }
    .playbook-workspace { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 18px; align-items: start; }
    .playbook-library { min-width: 0; padding: 14px; border: 1px solid rgba(255,249,238,.09); border-radius: var(--radius); background: rgba(9,8,6,.42); }
    .playbook-library-head { display: grid; gap: 10px; margin-bottom: 10px; }
    .playbook-library-head strong { font-size: 15px; }
    .playbook-library-head input { width: 100%; min-height: 40px; }
    .category-nav { position: relative; min-width: 0; }
    .category-scroll { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; overscroll-behavior-x: contain; cursor: grab; touch-action: pan-x; }
    .category-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
    .category-scroll.dragging { cursor: grabbing; scroll-behavior: auto; user-select: none; }
    .category-nav::before, .category-nav::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 38px; opacity: 0; pointer-events: none; transition: opacity .16s ease; }
    .category-nav::before { left: 0; background: linear-gradient(90deg, #0d0b08 18%, rgba(13,11,8,0)); }
    .category-nav::after { right: 0; background: linear-gradient(270deg, #0d0b08 18%, rgba(13,11,8,0)); }
    .category-nav.can-scroll-left::before, .category-nav.can-scroll-right::after { opacity: 1; }
    .category-arrow { position: absolute; z-index: 3; top: 50%; display: grid; width: 26px; height: 26px; place-items: center; padding: 0; border: 1px solid rgba(215,180,106,.46); border-radius: 50%; color: var(--gold-2); background: rgba(13,11,8,.94); box-shadow: 0 4px 14px rgba(0,0,0,.28); opacity: 0; pointer-events: none; transform: translateY(-50%); transition: opacity .16s ease, border-color .16s ease; }
    .category-arrow:hover { border-color: var(--gold-2); }
    .category-prev { left: 2px; }
    .category-next { right: 2px; }
    .category-nav.can-scroll-left .category-prev, .category-nav.can-scroll-right .category-next { opacity: 1; pointer-events: auto; }
    .category-nav:not(.has-overflow) .category-arrow { display: none; }
    .playbook-library .playbook-categories { flex-wrap: nowrap; width: max-content; min-width: 100%; margin: 0; padding: 0 30px 4px; }
    .playbook-library .quick-chip { flex: 0 0 auto; min-height: 32px; padding: 5px 10px; }
    .playbook-grid { display: grid; gap: 7px; max-height: calc(100vh - 230px); min-height: 220px; overflow: auto; padding-right: 4px; overscroll-behavior: contain; }
    .playbook-card {
      position: relative; display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: center; overflow: hidden; text-align: left; padding: 7px;
      border: 1px solid rgba(255,249,238,.11); border-radius: 14px; color: var(--ink);
      background: rgba(255,249,238,.035); cursor: pointer; transition: .18s ease;
    }
    .playbook-card:hover, .playbook-card.active { transform: none; border-color: rgba(234,197,104,.75); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
    .playbook-cover { width: 54px; height: 64px; position: relative; overflow: hidden; border-radius: 10px; background: linear-gradient(135deg, #403522, #17130e 65%, #5c4820); }
    .playbook-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .playbook-cover-fallback { display: grid; align-content: end; height: 100%; padding: 6px; background: radial-gradient(circle at 78% 18%, rgba(252,224,154,.38), transparent 28%), linear-gradient(135deg, #514221, #16110c 72%); }
    .playbook-cover-fallback span { font-family: Georgia, serif; color: rgba(255,244,214,.92); font-size: 10px; line-height: 1.15; }
    .playbook-card-copy { min-width: 0; padding: 3px 5px; display: grid; gap: 4px; }
    .playbook-card-copy strong { overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
    .playbook-card-copy p { margin: 0; overflow: hidden; color: var(--muted); font-size: 11px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
    .playbook-card-copy .playbook-meta span:nth-child(n+3) { display: none; }
    .playbook-meta { display: flex; flex-wrap: wrap; gap: 6px; }
    .playbook-meta span { padding: 4px 7px; border-radius: 999px; color: var(--gold-2); background: rgba(215,180,106,.11); font-size: 11px; }
    .playbook-composer { position: sticky; top: 18px; min-width: 0; padding: 18px; border: 1px solid rgba(215,180,106,.28); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,249,238,.075), rgba(15,12,8,.76)); }
    .playbook-composer h4 { margin: 4px 0 4px; font-size: 20px; }
    .playbook-composer > p { margin: 0 0 14px; color: var(--muted); line-height: 1.55; }
    .playbook-empty { min-height: 280px; display: grid; place-items: center; padding: 24px; border: 1px dashed rgba(215,180,106,.25); border-radius: 14px; color: var(--muted); text-align: center; }

    @media (max-width: 860px) {
      .playbook-intro { display: grid; align-items: start; }
      .playbook-workspace { grid-template-columns: 1fr; }
      .playbook-composer { position: static; }
    }

    @media (max-width: 560px) {
      .playbook-grid { grid-template-columns: 1fr; }
      .playbook-cover { width: 54px; height: 64px; }
    }

    .panel-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
    }

    .panel-head > div {
      display: grid;
      gap: 10px;
      min-width: 0;
    }

    .video-panel-head {
      align-items: flex-start;
      margin-bottom: 22px;
    }

    .video-panel-title {
      display: grid;
      gap: 10px;
    }

    .video-panel-title h3 {
      line-height: 1.2;
    }

    .form {
      display: grid;
      gap: 14px;
    }

    .field {
      display: grid;
      gap: 7px;
    }

    .field label {
      color: rgba(255,249,238,.78);
      font-size: 13px;
    }

    .image-base-settings {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      align-items: start;
    }

    .image-base-settings .field {
      gap: 5px;
    }

    .image-base-settings select {
      min-height: 38px;
      padding: 0 10px;
      font-size: 12.5px;
      border-radius: 11px;
    }

    .image-base-settings small {
      min-height: 18px;
      font-size: 10.5px;
      line-height: 1.35;
      color: rgba(255,249,238,.46);
    }

    input, textarea, select {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 12px;
      color: var(--ink);
      background: rgba(255,249,238,.065);
      outline: none;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    input, select { min-height: 42px; padding: 0 12px; }
    .checkbox-row {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      color: rgba(255,249,238,.76);
      font-size: 13px;
      line-height: 1.5;
    }
    .checkbox-row > input[type="checkbox"] {
      appearance: auto;
      -webkit-appearance: auto;
      flex: 0 0 18px;
      width: 18px;
      min-width: 18px;
      height: 18px;
      min-height: 18px;
      margin: 0;
      padding: 0;
      border-radius: 5px;
      accent-color: var(--gold);
    }
    .consent-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
      padding: 11px 13px;
      border: 1px solid rgba(215,180,106,.24);
      border-radius: 10px;
      background: rgba(255,249,238,.025);
      color: rgba(255,249,238,.78);
      font-size: 13px;
      line-height: 1.5;
    }
    .consent-check {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      color: var(--ink);
      font-weight: 650;
      white-space: nowrap;
    }
    .consent-check input {
      position: absolute;
      width: 1px;
      height: 1px;
      min-height: 0;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .consent-box {
      display: grid;
      place-items: center;
      width: 18px;
      height: 18px;
      border: 1px solid rgba(215,180,106,.62);
      border-radius: 5px;
      background: rgba(255,249,238,.05);
      transition: .18s ease;
    }
    .consent-box::after {
      content: "";
      width: 8px;
      height: 4px;
      border-left: 2px solid #1b1408;
      border-bottom: 2px solid #1b1408;
      transform: rotate(-45deg) scale(0);
      transition: transform .16s ease;
    }
    .consent-check input:checked + .consent-box {
      border-color: var(--gold);
      background: var(--gold);
    }
    .consent-check input:checked + .consent-box::after { transform: rotate(-45deg) scale(1); }
    .consent-check input:focus-visible + .consent-box { outline: 2px solid #fff0b3; outline-offset: 2px; }
    .consent-links { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; color: rgba(255,249,238,.55); }
    .consent-link {
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--gold-2);
      font: inherit;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .consent-link:hover { color: #fff0b3; }
    .legal-modal #acceptCompliance { width: 100%; margin-top: 10px; }
    textarea {
      min-height: 132px;
      padding: 12px;
      resize: vertical;
      font-size: 12px;
      line-height: 1.7;
      color: rgba(255,249,238,.82);
    }

    textarea[id$="Prompt"],
    #copyInput {
      min-height: 150px;
      padding: 13px 14px;
      font-size: 11.5px;
      line-height: 1.78;
      color: rgba(255,249,238,.74);
      background:
        linear-gradient(135deg, rgba(255,249,238,.052), rgba(215,180,106,.035)),
        rgba(6,5,4,.22);
      border-color: rgba(255,249,238,.12);
    }

    textarea[id$="Prompt"]:focus,
    #copyInput:focus {
      color: rgba(255,249,238,.88);
      background:
        linear-gradient(135deg, rgba(255,249,238,.065), rgba(215,180,106,.045)),
        rgba(8,7,5,.36);
    }

    .voice-control-grid {
      display: grid;
      grid-template-columns: minmax(180px, .36fr) minmax(0, 1fr);
      gap: 10px;
      align-items: stretch;
    }

    .voice-control-grid select {
      min-height: 46px;
    }

    #videoAudioControls[hidden],
    #liveAudioControls[hidden],
    #firstFrameUploadWrap[hidden],
    #lastFrameUploadWrap[hidden],
    #liveLastFrameWrap[hidden] {
      display: none !important;
    }

    .prefixed-input {
      min-height: 42px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 8px;
      padding: 0 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: rgba(255,249,238,.055);
      color: rgba(255,249,238,.9);
      transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .prefixed-input:focus-within {
      border-color: rgba(215,180,106,.62);
      box-shadow: 0 0 0 3px rgba(215,180,106,.12);
      background-color: rgba(14,12,9,.92);
    }

    .prefixed-input span {
      color: var(--gold-2);
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
    }

    .prefixed-input input {
      min-height: 40px;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .prefixed-input input:focus {
      border-color: transparent;
      box-shadow: none;
      background: transparent;
    }

    #videoSpeech {
      min-height: 46px;
      max-height: 92px;
      padding: 10px 12px;
      line-height: 1.55;
      font-size: 12px;
    }

    input::placeholder, textarea::placeholder { color: rgba(255,249,238,.38); }

    select {
      color-scheme: dark;
      cursor: pointer;
      background:
        linear-gradient(135deg, rgba(255,249,238,.1), rgba(215,180,106,.08)),
        rgba(10,9,7,.92);
      border-color: rgba(215,180,106,.28);
      color: rgba(255,249,238,.9);
    }

    select:focus, input:focus, textarea:focus {
      border-color: rgba(215,180,106,.62);
      box-shadow: 0 0 0 3px rgba(215,180,106,.12);
      background-color: rgba(14,12,9,.92);
    }

    select option {
      color: rgba(255,249,238,.92);
      background: #14110d;
    }

    select option:checked {
      color: #1c1407;
      background: #d7b46a;
    }

    .lux-select {
      position: relative;
      width: 100%;
      z-index: 5;
    }

    .lux-select.open {
      z-index: 80;
    }

    .lux-select-trigger {
      width: 100%;
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 0 12px;
      border: 1px solid rgba(215,180,106,.34);
      border-radius: 12px;
      color: rgba(255,249,238,.92);
      background:
        linear-gradient(135deg, rgba(255,249,238,.1), rgba(215,180,106,.08)),
        rgba(10,9,7,.92);
      cursor: pointer;
      text-align: left;
      transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .lux-select-trigger::after {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 auto;
      border-right: 2px solid rgba(255,249,238,.78);
      border-bottom: 2px solid rgba(255,249,238,.78);
      transform: rotate(45deg) translateY(-2px);
      transition: transform .18s ease;
    }

    .lux-select.open .lux-select-trigger {
      border-color: rgba(250,222,157,.7);
      box-shadow: 0 0 0 3px rgba(215,180,106,.12);
      background:
        linear-gradient(135deg, rgba(250,222,157,.13), rgba(215,180,106,.09)),
        rgba(12,10,7,.96);
    }

    .lux-select.open .lux-select-trigger::after {
      transform: rotate(225deg) translate(-2px, -1px);
    }

    .lux-select-menu {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(100% + 7px);
      display: none;
      max-height: 236px;
      overflow: auto;
      padding: 6px;
      border: 1px solid rgba(250,222,157,.34);
      border-radius: 14px;
      background:
        linear-gradient(135deg, rgba(28,22,14,.98), rgba(10,9,7,.98)),
        #100d09;
      box-shadow: 0 22px 48px rgba(0,0,0,.42);
    }

    .lux-select.open .lux-select-menu {
      display: grid;
      gap: 4px;
    }

    .lux-select-option {
      width: 100%;
      min-height: 36px;
      padding: 8px 10px;
      border: 0;
      border-radius: 10px;
      color: rgba(255,249,238,.82);
      background: transparent;
      text-align: left;
      cursor: pointer;
    }

    .lux-select-option:hover,
    .lux-select-option.active {
      color: #1c1407;
      background: linear-gradient(135deg, #f9e9ad, #d3aa4f);
    }

    select.lux-native {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      min-height: 0 !important;
      padding: 0 !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    .field small {
      display: block;
      color: rgba(232,214,174,.62);
      font-size: 12px;
      line-height: 1.65;
      margin-top: -2px;
    }

    .two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }

    .cost-note {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid rgba(215,180,106,.24);
      border-radius: var(--radius);
      color: rgba(255,249,238,.76);
      background: rgba(215,180,106,.075);
      font-size: 12px;
      line-height: 1.55;
    }

    .cost-note strong {
      color: var(--gold-2);
      font-weight: 700;
    }

    .cost-note span {
      color: var(--muted);
    }

    .cost-chip {
      width: fit-content;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      margin-top: 10px;
      padding: 5px 8px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 999px;
      color: var(--gold-2);
      background: rgba(215,180,106,.1);
      font-size: 11px;
      line-height: 1.2;
    }

    .status {
      min-height: 44px;
      padding: 12px 13px;
      border: 1px solid var(--line);
      border-radius: 12px;
      color: rgba(255,249,238,.76);
      background: rgba(215,180,106,.085);
      line-height: 1.6;
      font-size: 13px;
    }

    .project-item .status {
      min-height: auto;
      flex: 0 0 auto;
      padding: 4px 9px;
      border-radius: 999px;
      font-size: 12px;
      white-space: nowrap;
    }

    .project-item .status.success {
      color: #dff4dc;
      border-color: rgba(160, 216, 150, .42);
      background: rgba(86, 135, 83, .24);
    }

    .project-item .status.error {
      color: #ffd1c8;
      border-color: rgba(255, 142, 118, .34);
      background: rgba(140, 54, 40, .24);
    }

    .preview {
      min-height: 420px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,249,238,.065), rgba(255,249,238,.025)),
        rgba(0,0,0,.12);
      color: var(--muted);
      text-align: center;
      padding: 16px;
      overflow: hidden;
    }

    .preview img, .preview video {
      max-width: 100%;
      max-height: 520px;
      border-radius: var(--radius);
      object-fit: contain;
      background: #000;
    }

    .inline-status {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      align-items: center;
      gap: 8px;
      margin: 14px 0 16px;
      padding: 8px 13px;
      border: 1px solid rgba(215,180,106,.22);
      border-radius: 999px;
      background: rgba(215,180,106,.08);
      color: rgba(255,249,238,.62);
      font-size: 13px;
      line-height: 1.45;
    }

    .list-empty {
      display: grid;
      place-items: center;
      min-height: 148px;
      padding: 24px;
      border: 1px dashed rgba(215,180,106,.24);
      border-radius: var(--radius);
      background: rgba(255,249,238,.035);
      color: rgba(255,249,238,.58);
      text-align: center;
      line-height: 1.75;
    }

    .result-grid {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .result-card {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(0,0,0,.28);
    }

    .result-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      display: block;
      cursor: zoom-in;
    }

    .result-card a, .asset-item a {
      display: block;
      padding: 10px 12px;
      color: var(--gold-2);
      text-decoration: none;
      font-size: 13px;
    }

    .result-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      background: rgba(255,249,238,.08);
    }

    .result-actions a,
    .result-actions button {
      border: 0;
      padding: 10px 8px;
      color: var(--gold-2);
      background: rgba(0,0,0,.25);
      text-decoration: none;
      font: inherit;
      font-size: 12px;
      cursor: pointer;
      text-align: center;
    }

    .result-actions a:hover,
    .result-actions button:hover {
      background: rgba(215,180,106,.16);
    }

    .image-lightbox {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: grid;
      place-items: center;
      padding: 24px;
      background: rgba(12,8,5,.82);
      backdrop-filter: blur(16px);
    }

    .image-lightbox[hidden] {
      display: none;
    }

    .image-lightbox-inner {
      width: min(1100px, 96vw);
      max-height: 92vh;
      display: grid;
      gap: 12px;
    }

    .image-lightbox-bar {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
    }

    .image-lightbox img {
      width: 100%;
      max-height: calc(92vh - 58px);
      object-fit: contain;
      border: 1px solid rgba(255,249,238,.16);
      border-radius: var(--radius-soft);
      background: rgba(0,0,0,.38);
      box-shadow: 0 30px 80px rgba(0,0,0,.45);
    }

    .video-lightbox video {
      width: 100%;
      max-height: calc(92vh - 58px);
      display: block;
      background: #050505;
      border: 1px solid rgba(255,249,238,.16);
      border-radius: var(--radius-soft);
      box-shadow: 0 30px 80px rgba(0,0,0,.45);
    }

    .output-actions {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin-top: 14px;
    }

    .output-actions.start {
      justify-content: flex-start;
    }

    .task-item-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: flex-start;
    }

    .inline-error {
      color: #ffb6a9;
    }

    .task-cost-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .task-cost-row span {
      width: fit-content;
      padding: 5px 8px;
      border: 1px solid rgba(215,180,106,.18);
      border-radius: 999px;
      color: var(--gold-2);
      background: rgba(215,180,106,.08);
      font-size: 11px;
      line-height: 1.35;
    }

    .status.spaced {
      margin-top: 12px;
    }

    .admin-help {
      margin-top: 8px;
      color: rgba(255,249,238,.66);
      line-height: 1.7;
    }

    .check-line {
      min-height: 46px;
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 0 14px;
      border: 1px solid rgba(215,180,106,.2);
      border-radius: 8px;
      color: rgba(255,249,238,.82);
      background: rgba(255,255,255,.025);
      font-size: 13px;
    }

    .check-line input { width: 16px; height: 16px; accent-color: var(--gold); }
    .text-link { color: var(--gold-2); font-size: 13px; text-decoration: none; }
    .text-link:hover { color: #fff0b3; }
    .image-engine-note { display: block; margin-top: -2px; color: rgba(255,249,238,.58); line-height: 1.6; }

    .quick-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .quick-chip {
      border: 1px solid rgba(215,180,106,.28);
      border-radius: 12px;
      padding: 8px 10px;
      color: rgba(255,249,238,.82);
      background: rgba(215,180,106,.085);
      font-size: 12px;
      line-height: 1.35;
      transition: .16s ease;
    }

    .quick-chip.active {
      color: #17110b;
      border-color: transparent;
      background: linear-gradient(135deg, #f4d98d, #d4ad58);
      font-weight: 700;
    }

    .beauty-project-box {
      display: grid;
      gap: 12px;
      padding: 14px;
      border: 1px solid rgba(215,180,106,.28);
      border-radius: var(--radius);
      background: linear-gradient(135deg, rgba(215,180,106,.11), rgba(255,249,238,.045));
    }

    .beauty-project-box .field {
      margin: 0;
    }

    .beauty-project-note {
      border-left: 2px solid rgba(244,217,141,.72);
      padding-left: 11px;
      color: rgba(255,249,238,.72);
      font-size: 12px;
      line-height: 1.65;
    }

    .realism-boost {
      display: grid;
      gap: 8px;
      padding: 13px;
      border: 1px solid rgba(215,180,106,.36);
      border-radius: var(--radius);
      background: linear-gradient(135deg, rgba(215,180,106,.16), rgba(255,249,238,.06));
    }

    .realism-boost label {
      margin: 0;
    }

    .realism-boost .quick-chip {
      width: fit-content;
      padding: 10px 14px;
      border-color: rgba(215,180,106,.52);
      background: rgba(215,180,106,.18);
      font-weight: 700;
    }

    .realism-boost .realism-toggle {
      display: inline-flex;
      align-items: center;
      gap: 9px;
    }

    .realism-boost .realism-toggle.active {
      color: #17110b;
      border-color: transparent;
      background: linear-gradient(135deg, #f4d98d, #d4ad58);
      box-shadow: 0 7px 18px rgba(215,180,106,.2);
    }

    .realism-toggle-state {
      padding-left: 9px;
      border-left: 1px solid currentColor;
      font-size: 11px;
      font-weight: 800;
      opacity: .78;
    }

    .realism-boost .realism-toggle:not(.active) .realism-toggle-state {
      color: var(--gold-2);
      opacity: 1;
    }

    .upload-box {
      position: relative;
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      column-gap: 14px;
      row-gap: 4px;
      align-items: center;
      min-height: 104px;
      padding: 16px;
      border: 1px dashed rgba(215,180,106,.46);
      border-radius: var(--radius-soft);
      background:
        linear-gradient(135deg, rgba(255,249,238,.09), rgba(215,180,106,.07)),
        rgba(255,249,238,.04);
      transition: .18s ease;
      overflow: hidden;
    }

    .upload-box:hover {
      border-color: rgba(255,220,150,.78);
      background:
        linear-gradient(135deg, rgba(255,249,238,.13), rgba(215,180,106,.11)),
        rgba(255,249,238,.055);
    }

    .upload-box::before {
      content: "+";
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #17110b;
      background: linear-gradient(135deg, #fff1c0, #c69a45);
      font-size: 30px;
      font-family: inherit;
      line-height: 1;
      box-shadow: 0 14px 36px rgba(0,0,0,.22);
      grid-row: 1 / span 2;
      align-self: center;
    }

    .upload-box label {
      display: block;
      grid-column: 2;
      min-width: 0;
      margin: 2px 0 0;
      color: rgba(255,249,238,.92);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.35;
    }

    .upload-box small {
      display: block;
      grid-column: 2;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
    }

    .upload-box input[type="file"] {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
    }

    .tool-note {
      padding: 12px 14px;
      border: 1px solid rgba(215,180,106,.26);
      border-radius: var(--radius);
      color: rgba(255,249,238,.78);
      background: rgba(255,249,238,.045);
      font-size: 13px;
      line-height: 1.7;
    }

    .tool-note strong {
      color: rgba(255,249,238,.94);
      font-weight: 700;
    }

    .tool-note-title {
      margin-bottom: 10px;
      color: rgba(255,249,238,.94);
      font-weight: 700;
    }

    .tool-note-options {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .tool-note-options span,
    .tool-note-options .tool-note-choice {
      display: block;
      padding: 10px 11px;
      border: 1px solid rgba(255,249,238,.1);
      border-radius: var(--radius);
      background: rgba(0,0,0,.13);
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
    }

    .tool-note-options .tool-note-choice {
      width: 100%;
      font: inherit;
      text-align: left;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .tool-note-options .tool-note-choice:hover {
      border-color: rgba(215,180,106,.48);
      transform: translateY(-1px);
    }

    .tool-note-options .tool-note-choice.active {
      border-color: rgba(215,180,106,.72);
      background: linear-gradient(135deg, rgba(215,180,106,.2), rgba(50,40,22,.44));
      color: #fff9ee;
    }

    .tool-note-options b {
      display: block;
      margin-bottom: 4px;
      color: rgba(255,249,238,.9);
      font-size: 12px;
      font-weight: 700;
    }

    .upload-box.has-preview {
      align-items: start;
    }

    .upload-box.has-preview::before {
      content: "✓";
      font-family: inherit;
      font-size: 24px;
      font-weight: 800;
      align-self: start;
    }

    .upload-preview {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 2px;
      padding-top: 10px;
      border-top: 1px solid rgba(255,249,238,.12);
    }

    .upload-preview-item {
      width: 84px;
      min-width: 84px;
    }

    .upload-preview-item img,
    .upload-preview-item video {
      width: 84px;
      height: 84px;
      display: block;
      object-fit: cover;
      border-radius: 12px;
      border: 1px solid rgba(215,180,106,.36);
      background: rgba(0,0,0,.26);
      box-shadow: 0 14px 28px rgba(0,0,0,.24);
    }

    .upload-preview-item span {
      display: block;
      margin-top: 6px;
      color: rgba(255,249,238,.72);
      font-size: 11px;
      line-height: 1.35;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .agree-line {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      gap: 9px;
      align-items: start;
      color: rgba(255,249,238,.72);
      font-size: 12px;
      line-height: 1.7;
    }

    .agree-line input {
      width: 18px;
      min-height: 18px;
      margin-top: 2px;
      accent-color: var(--gold);
    }

    .asset-list, .project-list { display: grid; gap: 10px; }

    .market-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .market-toolbar {
      display: grid;
      grid-template-columns: minmax(220px, 1.15fr) minmax(170px, .7fr) minmax(170px, .7fr) auto;
      gap: 10px;
      align-items: end;
      margin: 14px 0;
    }

    .market-toolbar label {
      display: grid;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
    }

    .market-card {
      overflow: hidden;
      border: 1px solid rgba(255,249,238,.11);
      border-radius: var(--radius);
      background: rgba(255,249,238,.052);
      box-shadow: 0 14px 30px rgba(0,0,0,.16);
      display: grid;
    }

    .market-thumb {
      width: 100%;
      aspect-ratio: 4 / 3;
      display: block;
      object-fit: cover;
      background: rgba(0,0,0,.24);
    }

    .market-card-body {
      display: grid;
      gap: 9px;
      padding: 13px;
    }

    .market-card-body strong {
      color: rgba(255,249,238,.94);
      font-size: 15px;
    }

    .market-card-body span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.6;
    }

    .market-card-body code {
      max-height: 72px;
      overflow: auto;
    }

    .market-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      align-items: center;
    }

    .market-tag {
      width: fit-content;
      padding: 4px 8px;
      border: 1px solid rgba(215,180,106,.28);
      border-radius: 999px;
      color: var(--gold-2);
      background: rgba(215,180,106,.08);
      font-size: 11px;
    }

    .market-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 2px;
    }

    .market-modal {
      position: fixed;
      inset: 0;
      z-index: 92;
      display: grid;
      place-items: center;
      padding: 18px;
      background: rgba(0,0,0,.58);
      backdrop-filter: blur(10px);
    }

    .market-modal-card {
      width: min(780px, 100%);
      max-height: min(760px, calc(100vh - 36px));
      overflow: auto;
      border: 1px solid rgba(215,180,106,.24);
      border-radius: var(--radius-lg);
      background: rgba(14,12,9,.96);
      box-shadow: 0 30px 90px rgba(0,0,0,.5);
      padding: 18px;
      display: grid;
      gap: 14px;
    }

    .market-detail-layout {
      display: grid;
      grid-template-columns: minmax(220px, .8fr) 1fr;
      gap: 16px;
      align-items: start;
    }

    .asset-item, .project-item {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255,249,238,.052);
    }

    .asset-item strong, .project-item strong { display: block; }
    .asset-item span, .project-item span, code {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.7;
      word-break: break-all;
    }

    .asset-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
      align-items: stretch;
      margin-bottom: 16px;
    }

    .asset-hero-main {
      min-height: 0;
      padding: 22px 26px;
      border: 1px solid rgba(215,180,106,.18);
      border-radius: var(--radius);
      background:
        radial-gradient(circle at 88% 12%, rgba(215,180,106,.18), transparent 32%),
        linear-gradient(135deg, rgba(255,249,238,.075), rgba(215,180,106,.045)),
        rgba(9,8,6,.68);
      display: grid;
      align-content: start;
      gap: 12px;
      box-shadow: var(--shadow-soft);
    }

    .asset-hero-main h2 {
      max-width: 680px;
      font-size: 30px;
      line-height: 1.2;
    }

    .asset-hero-main .lead {
      max-width: 720px;
      color: rgba(255,249,238,.72);
      font-size: 14px;
      line-height: 1.75;
    }

    .asset-hero-main .hero-actions {
      margin-top: 4px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,249,238,.1);
    }

    .asset-hero-side {
      padding: 18px 20px;
      border: 1px solid rgba(215,180,106,.16);
      border-radius: var(--radius-lg);
      background:
        linear-gradient(135deg, rgba(215,180,106,.08), rgba(255,249,238,.025)),
        rgba(8,7,5,.5);
      display: grid;
      gap: 12px;
      margin-bottom: 16px;
    }

    .asset-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .asset-metric {
      padding: 13px;
      border-radius: 14px;
      border: 1px solid rgba(215,180,106,.18);
      background: rgba(255,249,238,.055);
    }

    .asset-metric strong {
      display: block;
      color: var(--gold-2);
      font-size: 22px;
      line-height: 1.1;
    }

    .asset-metric span {
      color: rgba(255,249,238,.58);
      font-size: 11px;
    }

    .asset-library-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin: 12px 0 16px;
    }

    .asset-library-tabs .quick-chip {
      padding-inline: 16px;
    }

    .asset-workflow-grid {
      display: grid;
      grid-template-columns: minmax(320px, .42fr) minmax(0, 1fr);
      gap: 14px;
      align-items: start;
    }

    .asset-add-card {
      position: sticky;
      top: 14px;
      border: 1px solid rgba(215,180,106,.2);
      background:
        linear-gradient(155deg, rgba(215,180,106,.1), rgba(255,249,238,.035)),
        rgba(8,7,5,.62);
    }

    .asset-kind-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 9px;
    }

    .asset-kind-card {
      padding: 12px;
      border-radius: 14px;
      border: 1px solid rgba(255,249,238,.1);
      background: rgba(255,249,238,.045);
      display: grid;
      gap: 6px;
    }

    .asset-kind-card strong {
      color: rgba(255,249,238,.92);
      font-size: 13px;
    }

    .asset-kind-card span {
      color: rgba(255,249,238,.55);
      font-size: 11px;
      line-height: 1.55;
    }

    .material-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .asset-task-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
      min-width: 0;
    }

    .asset-task-grid .project-item {
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
      align-content: start;
      padding: 12px;
    }

    .generation-record-card > *,
    .task-technical-details,
    .task-technical-details div { min-width: 0; max-width: 100%; }
    .generation-record-card span,
    .generation-record-card strong,
    .generation-record-card code,
    .task-technical-details pre { overflow-wrap: anywhere; word-break: break-word; white-space: pre-wrap; }
    .generation-record-card > .status,
    .generation-record-card .task-cost-row { white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
    .generation-record-card > .status {
      min-height: 44px;
      padding: 12px 13px;
      border-radius: 12px;
      font-size: 13px;
    }
    .generation-record-meta, .generation-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
    .generation-record-meta span { padding: 4px 8px; border: 1px solid rgba(215,180,106,.2); border-radius: 999px; color: rgba(255,249,238,.66); font-size: 11px; }
    .generation-history-notice { margin: 0 0 14px; }
    .generation-asset-shell { display: grid; min-width: 0; }
    [data-generation-asset][hidden], .generation-asset-error[hidden] { display: none !important; }
    .generation-asset-error { padding: 14px; border: 1px dashed rgba(255,255,255,.24); border-radius: 12px; color: var(--muted); overflow-wrap: anywhere; }
    .generation-history-filter-region { margin: 0 0 14px; padding: 2px 0; min-width: 0; }
    .generation-filters { margin: 0; }
    .generation-filters > span { margin-left: auto; color: rgba(255,249,238,.58); font-size: 13px; }
    .task-technical-details { border-top: 1px solid rgba(255,249,238,.1); padding-top: 9px; }
    .task-technical-details summary { cursor: pointer; color: var(--gold-2); font-size: 12px; }
    .task-technical-details > div { display: grid; gap: 7px; margin-top: 8px; }
    .task-technical-details code { display: block; width: 100%; }
    .task-technical-details pre { margin: 0; color: #f1b9ae; font: 11px/1.55 ui-monospace, monospace; }

    .asset-task-grid .task-item-head {
      align-items: center;
    }

    .asset-task-grid .record-media {
      grid-template-columns: 1fr;
      margin-top: 0;
    }

    .asset-task-grid .record-media img,
    .asset-task-grid .record-media video {
      aspect-ratio: 4 / 3;
    }

    .asset-task-grid code {
      display: none;
    }

    .asset-task-grid .output-actions {
      justify-content: flex-start;
      gap: 6px;
    }

    .asset-task-grid .output-actions .btn {
      min-height: 32px;
      padding: 0 10px;
      font-size: 11px;
    }

    .material-card {
      overflow: hidden;
      border: 1px solid rgba(255,249,238,.1);
      border-radius: var(--radius);
      background:
        linear-gradient(180deg, rgba(255,249,238,.055), rgba(255,249,238,.025)),
        rgba(10,8,6,.52);
      display: grid;
      min-width: 0;
    }

    .material-thumb {
      aspect-ratio: 4 / 3;
      background:
        radial-gradient(circle at 70% 15%, rgba(215,180,106,.18), transparent 34%),
        rgba(255,249,238,.055);
      display: grid;
      place-items: center;
      overflow: hidden;
    }

    .material-thumb img,
    .material-thumb video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .material-thumb span {
      color: rgba(255,249,238,.62);
      font-size: 13px;
    }

    .material-body {
      display: grid;
      gap: 8px;
      padding: 13px;
    }

    .material-body strong {
      color: rgba(255,249,238,.94);
      font-size: 15px;
      line-height: 1.35;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .material-body p {
      margin: 0;
      color: rgba(255,249,238,.58);
      font-size: 12px;
      line-height: 1.65;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .material-card > *, .material-body > * { min-width: 0; max-width: 100%; }

    .material-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .material-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 2px;
    }

    .material-actions .btn {
      min-height: 34px;
      padding: 0 12px;
      font-size: 12px;
    }

    code {
      width: fit-content;
      max-width: 100%;
      margin-top: 8px;
      padding: 5px 8px;
      border-radius: 10px;
      background: rgba(0,0,0,.22);
      color: var(--gold-2);
      user-select: all;
    }

    .record-media {
      margin-top: 12px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 180px));
      gap: 10px;
    }

    .task-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 8px;
      margin: 18px 0 8px;
    }

    .task-pagination .btn {
      min-width: 42px;
      padding-inline: 12px;
    }

    .task-pagination-summary {
      margin-right: 4px;
      color: rgba(255,249,238,.58);
      font-size: 13px;
    }

    .record-media img,
    .record-media video {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border: 1px solid rgba(255,249,238,.14);
      border-radius: var(--radius);
      background: rgba(0,0,0,.26);
      cursor: zoom-in;
    }

    .record-video-preview {
      min-height: 112px;
      padding: 18px 16px 56px;
      color: var(--cream);
      position: relative;
      display: block;
      width: 100%;
      overflow: hidden;
      border: 0;
      border-radius: var(--radius);
      background: rgba(0,0,0,.26);
      cursor: pointer;
      text-align: left;
    }

    .record-video-preview::after {
      content: "点击播放";
      position: absolute;
      left: 12px;
      bottom: 12px;
      padding: 7px 10px;
      border: 1px solid rgba(255,249,238,.24);
      border-radius: 999px;
      color: var(--cream);
      background: rgba(8,6,4,.72);
      font-size: 13px;
      font-weight: 700;
      pointer-events: none;
    }

    .record-video-preview:hover video {
      transform: scale(1.02);
    }

    .record-video-preview video {
      display: block;
      transition: transform .2s ease;
    }

    .prompt-details {
      margin-top: 10px;
      border: 1px solid rgba(255,249,238,.1);
      border-radius: 14px;
      background: rgba(0,0,0,.18);
      overflow: hidden;
    }

    .prompt-details summary {
      padding: 10px 12px;
      cursor: pointer;
      color: var(--gold-2);
      font-size: 13px;
      list-style: none;
    }

    .prompt-details summary::-webkit-details-marker {
      display: none;
    }

    .prompt-details .reference-help {
      margin: 0 12px 12px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.6;
    }

    .upload-preview-item audio {
      width: 84px;
      height: 32px;
      margin-top: 26px;
    }

    .prompt-details pre {
      margin: 0;
      padding: 0 12px 12px;
      color: rgba(255,249,238,.74);
      font: inherit;
      font-size: 12px;
      line-height: 1.7;
      white-space: pre-wrap;
      word-break: break-word;
    }

    .vip-prompt-lock {
      margin-top: 8px;
      padding: 16px;
      border: 1px solid rgba(224,188,86,.44);
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(214,173,63,.16), rgba(20,16,10,.48));
    }

    .vip-prompt-lock strong { display: block; color: var(--cream); font-size: 15px; }
    .vip-prompt-lock p { margin: 6px 0 12px; color: var(--muted); font-size: 13px; line-height: 1.65; }
    .vip-prompt-lock .pill { display: inline-flex; margin: 0 0 8px; }
    textarea.vip-prompt-hidden { display: none !important; }
    .prompt-vip-record { margin-top: 10px; padding: 11px 12px; border: 1px solid rgba(224,188,86,.3); border-radius: 12px; color: var(--muted); background: rgba(214,173,63,.07); font-size: 13px; }
    .prompt-vip-record strong { color: var(--gold-2); }
    .recharge-purchase-box { transition: box-shadow .25s ease, border-color .25s ease; }
    .recharge-purchase-box.highlight { border-color: var(--gold-2); box-shadow: 0 0 0 4px rgba(224,188,86,.15); }
    .recharge-purchase-box small { display: block; margin-top: 10px; color: var(--muted); line-height: 1.55; }
    .recharge-steps { margin: 12px 0 14px; }
    .recharge-entry-btn { box-shadow: 0 8px 22px rgba(214,173,63,.17); }
    .feature-unavailable { min-height: 360px; display: grid; place-items: center; text-align: center; padding: 28px; border: 1px dashed rgba(215,180,106,.28); border-radius: var(--radius); background: rgba(255,249,238,.025); }
    .feature-unavailable h2 { margin: 10px 0 8px; }
    .feature-unavailable p { max-width: 440px; margin: 0; color: var(--muted); line-height: 1.7; }

    .mobile-topbar, .mobile-tabbar { display: none; }

    @media (max-width: 1020px) {
      .hero, .studio { grid-template-columns: 1fr; }
      .luxury-hero { grid-template-columns: 1fr; }
      .home-product-intro { grid-template-columns: 1fr; }
      .home-product-copy { border-right: 0; border-bottom: 1px solid rgba(255,249,238,.1); }
      .home-product-route { flex-wrap: wrap; }
      .home-product-visual { min-height: 450px; }
      .home-scene-grid { grid-template-columns: 1fr; }
      .home-usecase-grid { grid-template-columns: 1fr; }
      .workspace-hero-head { grid-template-columns: 1fr; }
      .workspace-hero-head.video-hero { grid-template-columns: 1fr; }
      .workspace-video-demo { max-width: 540px; }
      .content-guide-grid { grid-template-columns: 1fr; }
      .tool-rail { position: static; }
      .asset-overview, .asset-layout { grid-template-columns: 1fr; }
      .asset-hero, .asset-workflow-grid { grid-template-columns: 1fr; }
      .asset-add-card { position: static; }
      .asset-kind-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .material-grid, .asset-task-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .admin-overview, .admin-layout { grid-template-columns: 1fr; }
      .admin-login-card { position: static; }
      .grid.cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 880px) {
      .material-grid, .asset-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 760px) {
      .app { grid-template-columns: 1fr; }
      .sidebar { display: none; }
      main { padding: 76px 14px calc(132px + env(safe-area-inset-bottom, 0px)); }
      .mobile-topbar {
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 20;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 14px;
        border-bottom: 1px solid var(--line);
        background: rgba(10,9,7,.9);
        backdrop-filter: blur(20px);
      }
      .mobile-account {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }
      .mobile-account .pill {
        max-width: 112px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .mobile-account .btn {
        min-height: 34px;
        padding: 8px 11px;
        font-size: 12px;
        white-space: nowrap;
      }
      .invite-card {
        grid-template-columns: 1fr;
      }
      .asset-hero-main {
        min-height: auto;
        padding: 18px;
      }
      .asset-hero-main h2 {
        font-size: 28px;
      }
      .asset-metrics, .asset-kind-grid, .material-grid, .asset-task-grid {
        grid-template-columns: 1fr;
      }
      .material-actions .btn {
        flex: 1 1 120px;
      }
      .invite-qr {
        width: 132px;
        height: 132px;
        justify-self: center;
      }
      .referral-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .referral-friend {
        grid-template-columns: 1fr;
      }
      .mobile-tabbar {
        position: fixed;
        inset: auto 10px calc(10px + env(safe-area-inset-bottom, 0px)) 10px;
        z-index: 20;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 6px;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: rgba(10,9,7,.9);
        backdrop-filter: blur(20px);
      }
      .page.active::after {
        content: "";
        display: block;
        height: 28px;
      }
      .mobile-tabbar button {
        display: grid;
        gap: 2px;
        place-items: center;
        min-height: 48px;
        border-radius: 16px;
      }
      .mobile-tabbar button.active {
        color: var(--ink);
        background: rgba(255,249,238,.1);
      }
      .mobile-tabbar b { color: var(--gold-2); }
      .mobile-tabbar span { font-size: 11px; }
      .topbar { display: none; }
      .site-notice { margin: -4px 0 14px; padding: 10px 11px; gap: 8px; border-radius: 10px; }
      .site-notice-mark { display: none; }
      .site-notice-copy { font-size: 12px; }
      .site-notice-copy b { display: block; margin: 0 0 2px; }
      .site-notice-action { font-size: 11px; }
      .hero { min-height: auto; }
      .hero-copy, .visual-card { min-height: 330px; }
      .hero-copy.luxury { min-height: auto; padding: 24px; gap: 26px; }
      .hero h2 { font-size: 36px; }
      .hero-copy.luxury h2 { font-size: 38px; }
      .hero-title span { font-size: 22px; }
      .hero-title strong { font-size: 42px; line-height: 1.08; white-space: normal; }
      .hero-subtitle p { font-size: 14px; line-height: 1.75; }
      .hero-subtitle-tags { gap: 7px; }
      .hero-subtitle-tags span { min-height: 28px; padding: 6px 9px; font-size: 11.5px; }
      .hero-note { grid-template-columns: 1fr; margin-top: 24px; gap: 12px; }
      .hero-note span { min-height: auto; padding: 14px; }
      .hero-actions { margin-top: 24px; padding-top: 18px; gap: 10px; }
      .hero-actions .btn { width: 100%; }
      .hero-showcase { min-height: 460px; }
      .home-product-copy { padding: 26px 20px; }
      .home-product-copy h2 { margin: 18px 0 14px; font-size: 38px; }
      .home-product-copy .lead { font-size: 14px; }
      .home-product-flow { margin-top: 22px; }
      .home-product-flow span { min-height: 72px; padding: 11px 9px; font-size: 11px; }
      .home-product-actions { margin-top: 22px; }
      .home-product-actions .btn { flex: 1 1 100%; }
      .home-product-visual { min-height: 400px; padding: 18px; }
      .home-result-stack { right: 16px; bottom: 18px; left: 16px; gap: 7px; }
      .home-result-card { min-height: 124px; padding: 12px 10px; }
      .home-result-card em { margin-bottom: 12px; font-size: 10px; }
      .home-result-card b { font-size: 13px; }
      .home-result-card span { font-size: 10.5px; }
      .home-usecase-head { align-items: start; }
      .home-usecase-head h3 { font-size: 18px; }
      .home-usecase-card { min-height: 0; }
      .home-usecase-card img, .home-usecase-card video { height: 210px; }
      .showcase-photo { inset: 14px 14px 142px; }
      .showcase-card { left: 16px; right: 16px; bottom: 16px; }
      .workflow-ribbon { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-feature-card { min-height: 300px; }
      .workspace-hero-head { padding: 18px; }
      .workspace-title-row h2 { font-size: 24px; }
      .workspace-flow { grid-template-columns: 1fr; }
      .workspace-flow span { min-height: 42px; }
      .workspace-video-demo { grid-template-columns: 1fr; }
      .workspace-video-demo-media { max-width: 100%; }
      .tool-note-options { grid-template-columns: 1fr; }
      .voice-control-grid { grid-template-columns: 1fr; gap: 8px; }
      #videoSpeech { min-height: 58px; }
      .tool-list { grid-template-columns: 1fr; }
      .market-grid { grid-template-columns: 1fr; }
      .market-toolbar, .market-detail-layout { grid-template-columns: 1fr; }
      .grid.cols-3, .grid.cols-2, .two, .three, .result-grid { grid-template-columns: 1fr; }
      .image-base-settings { grid-template-columns: 1fr; }
      .video-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
      .video-settings-grid select { min-height: 46px; padding: 0 10px; font-size: 13px; }
      .form { gap: 16px; }
      .form > .btn,
      .form > .two + .btn,
      .form > .field + .btn {
        margin-top: 4px;
      }
      .form > .btn,
      .project-item > .btn,
      .project-item > button.btn {
        width: 100%;
      }
      .project-item { gap: 12px; padding: 15px; }
      .project-item .two { gap: 12px; margin-top: 2px; }
      .project-item .two + .btn,
      .project-item .two + button {
        margin-top: 4px;
      }
      .admin-data-card .project-list { gap: 14px; }
      .sales-kit-grid { grid-template-columns: 1fr; }
      .admin-wallet-card { grid-template-columns: 1fr; }
      .admin-wallet-value { text-align: left; font-size: 28px; }
      .admin-data-card .project-item [data-adjust-submit] {
        min-height: 44px;
      }
      .section-head { align-items: start; flex-direction: column; }
      .upload-box { grid-template-columns: 46px minmax(0, 1fr); min-height: 96px; padding: 14px; column-gap: 12px; }
      .upload-box::before { width: 46px; height: 46px; font-size: 26px; }
      .upload-box label { font-size: 14px; }
      .upload-box small { font-size: 11px; line-height: 1.5; }
      textarea { font-size: 12px; }
      textarea[id$="Prompt"], #copyInput { font-size: 11.5px; min-height: 140px; }
    }
    .universal-preview-devices{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;align-items:start;margin:18px 0}.universal-preview-devices>section{min-width:0}.universal-preview-devices>section>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.universal-preview-shell{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:22px;box-shadow:var(--shadow)}.universal-preview-shell.mobile{max-width:390px;margin:auto;padding:16px;border-radius:26px}.universal-preview-form{display:grid;gap:14px}.universal-preview-field,.universal-preview-upload{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft)}.universal-preview-field>div:first-child{display:flex;justify-content:space-between;gap:10px}.universal-preview-field p,.universal-preview-upload p{margin:5px 0 10px;color:var(--muted);font-size:13px}.universal-preview-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.universal-preview-choices label{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.universal-preview-upload>div{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center}.universal-preview-result{white-space:pre-wrap;word-break:break-word;max-height:520px;overflow:auto;background:#111827;color:#f8fafc;border-radius:14px;padding:16px;min-height:80px}.universal-preview-shell.mobile .universal-preview-choices{grid-template-columns:1fr}@media(max-width:900px){.universal-preview-devices{grid-template-columns:1fr}.universal-preview-shell.mobile{max-width:none}}

.uifr-form{display:grid;gap:14px;margin-top:14px}.uifr-heading{padding:14px;border:1px solid rgba(215,180,106,.28);border-radius:14px;background:rgba(215,180,106,.07)}.uifr-heading strong{font-size:18px}.uifr-heading p{margin:6px 0 0;color:var(--muted,#aaa294);line-height:1.6}.uifr-form textarea{min-height:96px}.uifr-form .uifr-boolean{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;width:100%;min-width:0;min-height:48px;margin:0;padding:11px 12px;border:1px solid rgba(215,180,106,.22);border-radius:13px;color:var(--ink,#fff9ee);background:rgba(255,249,238,.045);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.uifr-form .uifr-boolean:hover{border-color:rgba(215,180,106,.4);background:rgba(215,180,106,.075)}.uifr-form .uifr-boolean>input[type="checkbox"]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;flex:0 0 22px;width:22px;min-width:22px;max-width:22px;height:22px;min-height:22px;margin:1px 0 0;padding:0;border:1px solid rgba(215,180,106,.58);border-radius:6px;background:rgba(8,7,6,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.28);cursor:pointer}.uifr-form .uifr-boolean>input[type="checkbox"]::after{width:5px;height:10px;border:solid #1c1508;border-width:0 2px 2px 0;content:"";opacity:0;transform:translateY(-1px) rotate(45deg) scale(.7);transition:opacity .15s ease,transform .15s ease}.uifr-form .uifr-boolean>input[type="checkbox"]:checked{border-color:#d7b46a;background:#d7b46a}.uifr-form .uifr-boolean>input[type="checkbox"]:checked::after{opacity:1;transform:translateY(-1px) rotate(45deg) scale(1)}.uifr-form .uifr-boolean>input[type="checkbox"]:focus-visible{outline:2px solid #f0cf85;outline-offset:3px;box-shadow:0 0 0 4px rgba(215,180,106,.18)}.uifr-boolean-content{display:grid;gap:3px;min-width:0}.uifr-boolean-label{font-size:14px;font-weight:750;line-height:1.45}.uifr-form .uifr-boolean-help{margin:0;color:var(--muted,#aaa294);font-size:12px;line-height:1.5}.uifr-form[data-mobile="true"]{margin:12px 0}.uifr-form[data-mobile="true"] .uifr-heading{background:rgba(215,180,106,.09)}.uifr-form[data-mobile="true"] .uifr-boolean{grid-template-columns:22px minmax(0,1fr);gap:12px;min-height:48px;padding:11px}
.uifr-cleanup-notice{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(218,180,106,.45);border-radius:10px;background:rgba(218,180,106,.08);color:#e7c77d;font-size:13px;line-height:1.5}
.uifr-simulation-disclosure{padding:11px 13px;border:1px solid rgba(215,180,106,.42);border-radius:12px;background:rgba(215,180,106,.1);color:#efd38e;font-size:13px;line-height:1.55}.uifr-grouped-multi{display:grid;gap:12px}.uifr-option-search{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(215,180,106,.26);border-radius:10px;background:rgba(8,7,6,.5);color:var(--ink,#fff9ee)}.uifr-option-groups{display:grid;gap:14px;max-height:520px;overflow:auto;padding-right:4px}.uifr-option-group{display:grid;gap:8px}.uifr-option-group>strong{color:#efd38e;font-size:13px}.uifr-option-group .uifr-multi-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.uifr-selection-feedback{margin:0;padding:8px 10px;border-radius:9px;font-size:12px;line-height:1.5}.uifr-selection-feedback[data-kind="warning"]{background:rgba(215,180,106,.12);color:#efd38e}.uifr-selection-feedback[data-kind="error"]{background:rgba(193,77,77,.15);color:#ffb1a8}@media(max-width:680px){.uifr-option-group .uifr-multi-options{grid-template-columns:1fr}.uifr-option-groups{max-height:none}}
.uifr-action-role-badge{margin-left:auto;padding:3px 7px;border:1px solid rgba(215,180,106,.34);border-radius:999px;color:#efd38e;font-size:11px;font-style:normal;white-space:nowrap}.uifr-action-role-notice{margin:12px 0 0;padding:10px 12px;border-left:3px solid #d7b46a;background:rgba(215,180,106,.08);color:var(--ink,#fff9ee);font-size:13px;line-height:1.6}.uifr-action-role-notice[hidden]{display:none}

.uigs-settings{margin-top:28px;padding-top:24px;border-top:1px solid rgba(215,177,95,.18)}
.uigs-settings header{margin-bottom:14px}
.uigs-settings h3{margin:0;color:#f7f1e7;font-size:20px}
.uigs-settings header p{margin:6px 0 0;color:#a99f92;font-size:14px}
.uigs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.uigs-grid .field{display:grid;gap:8px;min-width:0}
.uigs-grid .field>span{color:#f7f1e7;font-weight:700}
.uigs-grid select{width:100%;min-width:0}
.uigs-grid small{color:#968b7e;line-height:1.5}
@media(max-width:720px){.uigs-grid{grid-template-columns:minmax(0,1fr)}}

.vpr-shell{--vpr-accent:#7357ff;display:grid;gap:14px;min-width:0;margin:14px 0;padding:16px;border:1px solid rgba(132,113,255,.28);border-radius:18px;background:rgba(255,255,255,.045);overflow:hidden}
.vpr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vpr-steps button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:10px 8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:transparent;color:inherit}
.vpr-steps button.active{border-color:var(--vpr-accent);background:rgba(115,87,255,.16)}
.vpr-steps i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);font-style:normal}
.vpr-step-panel{display:grid;gap:14px;min-width:0}.vpr-step-panel h4,.vpr-step-panel p{margin:0}
.vpr-material-status,.vpr-message{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.07)}
.vpr-message.warning{color:#ffd88a}.vpr-message.error{color:#ffaca8}.vpr-message button{margin-left:8px}
.vpr-option-group{display:grid;gap:8px;min-width:0}.vpr-option-group header{display:flex;justify-content:space-between;gap:10px}.vpr-option-group header span{opacity:.68;font-size:12px}
.vpr-option-list{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.vpr-option{max-width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:inherit;white-space:normal}
.vpr-option.selected{border-color:var(--vpr-accent);background:var(--vpr-accent);color:#fff}.vpr-more{justify-self:start;border:0;background:transparent;color:#a99aff}
.vpr-instruction{display:grid;gap:6px}.vpr-instruction textarea{width:100%;min-height:76px;box-sizing:border-box}.vpr-instruction small{text-align:right;opacity:.65}
.vpr-summary{display:grid;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.vpr-summary>div{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);gap:12px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.vpr-summary>div:last-child{border-bottom:0}.vpr-summary span{opacity:.66}.vpr-summary strong{overflow-wrap:anywhere}
.vpr-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding-top:10px;background:inherit}.vpr-footer button{padding:11px 18px;border-radius:12px}.vpr-footer .primary{margin-left:auto;border:0;background:var(--vpr-accent);color:#fff}.vpr-footer button:disabled{opacity:.45}
.vpr-empty{opacity:.68}
@media(max-width:720px){.vpr-shell{margin:10px 0;padding:12px;border-radius:14px}.vpr-mobile .vpr-steps button{flex-direction:column;font-size:12px}.vpr-mobile .vpr-summary>div{grid-template-columns:1fr;gap:3px}.vpr-mobile .vpr-footer{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));padding:10px 0;background:#16141d}.vpr-option-list{width:100%;overflow:visible}.vpr-option{flex:0 1 auto}.vpr-shell,.vpr-step-panel,.vpr-option-group{max-width:100%;box-sizing:border-box}}

.uifr-multi-field {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.uifr-multi-field[hidden] {
  display: none !important;
}

.uifr-progressive-form .field[hidden] {
  display: none !important;
}

.iwe-creation .uifr-medical-role-first .uifr-image-field > span {
  display: block;
}

.uifr-multi-field legend {
  margin: 0 0 10px;
  padding: 0;
  color: var(--ink, #fff9ee);
  font-weight: 700;
}

.uifr-multi-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.uifr-multi-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid rgba(215, 180, 106, .22);
  border-radius: 10px;
  color: var(--ink, #fff9ee);
  background: rgba(255, 249, 238, .035);
  cursor: pointer;
}

.uifr-multi-option:has(input:checked) {
  border-color: #d7b46a;
  background: rgba(215, 180, 106, .13);
}

.uifr-multi-option input {
  width: 19px;
  height: 19px;
  min-width: 19px;
  margin: 0;
  accent-color: #d7b46a;
}

.uifr-multi-option span {
  min-width: 0;
  line-height: 1.4;
}

.uifr-multi-field > small {
  display: block;
  margin-top: 8px;
  color: var(--muted, #aaa294);
}

@media (max-width: 620px) {
  .uifr-multi-options {
    grid-template-columns: 1fr;
  }
}

.uifr-progressive-form{gap:24px;margin:0}.uifr-progressive-images,.uifr-progressive-key,.uifr-progressive-confirmations{display:grid;gap:14px}.uifr-progressive-title{padding-bottom:4px}.uifr-progressive-title strong{color:var(--ink,#fff9ee);font-size:17px}.uifr-progressive-title p{margin:5px 0 0;color:var(--muted,#aaa294);font-size:13px;line-height:1.55}.uifr-progressive-form .field{display:grid;gap:8px;margin:0;color:var(--ink,#fff9ee)}.uifr-progressive-form .field>span{font-size:13px;font-weight:700}.uifr-progressive-form input:not([type="checkbox"]),.uifr-progressive-form select,.uifr-progressive-form textarea{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid rgba(215,180,106,.2);border-radius:8px;color:var(--ink,#fff9ee);background:rgba(255,249,238,.045);font:inherit}.uifr-progressive-form textarea{min-height:86px;resize:vertical}.uifr-progressive-form input:focus,.uifr-progressive-form select:focus,.uifr-progressive-form textarea:focus{outline:1px solid rgba(215,180,106,.8);outline-offset:2px}.uifr-progressive-advanced{border-top:1px solid rgba(215,180,106,.16);border-bottom:1px solid rgba(215,180,106,.16)}.uifr-progressive-advanced summary{padding:15px 0;color:var(--ink,#fff9ee);cursor:pointer;font-weight:700}.uifr-progressive-advanced>div{display:grid;gap:14px;padding:2px 0 18px}.uifr-progressive-confirmations:empty{display:none}

.image-workbench-execution{--iwe-bg:#0d0b09;--iwe-surface:#17130f;--iwe-line:rgba(214,188,139,.17);--iwe-ink:#f5efe5;--iwe-muted:#aaa093;--iwe-gold:#d4b278;color:var(--iwe-ink);background:var(--iwe-bg);min-height:100%;padding:28px clamp(18px,3vw,48px) 72px}
.iwe-progress{display:flex;align-items:center;gap:10px;max-width:1100px;margin:0 auto 28px;color:var(--iwe-muted);font-size:13px}.iwe-progress span{display:flex;align-items:center;gap:8px;white-space:nowrap}.iwe-progress span::before{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--iwe-line);border-radius:50%;content:attr(data-step);font-size:11px}.iwe-progress span.is-current{color:var(--iwe-ink)}.iwe-progress span.is-current::before,.iwe-progress span.is-done::before{border-color:var(--iwe-gold);background:var(--iwe-gold);color:#1a130b}.iwe-progress i{height:1px;flex:1;background:var(--iwe-line)}
.iwe-layout{display:grid;width:100%;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:1100px;margin:0 auto}.iwe-stage{min-width:0}.iwe-case-anchor{align-self:start;position:sticky;top:24px}.iwe-case-anchor>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#211b16}.iwe-case-anchor>div{min-width:0;padding:20px 0}.iwe-case-anchor h1,.iwe-creation h2,.iwe-generating h2,.iwe-result h2,.iwe-failure h2{margin:0;color:var(--iwe-ink);font-weight:600;line-height:1.2}.iwe-case-anchor h1{font-size:clamp(25px,3vw,38px)}.iwe-case-anchor p,.iwe-creation header p,.iwe-generating p,.iwe-result p,.iwe-failure p{color:var(--iwe-muted);line-height:1.7}.iwe-case-anchor button,.iwe-back{padding:0;border:0;border-bottom:1px solid rgba(212,178,120,.5);color:var(--iwe-gold);background:none;cursor:pointer}.iwe-back{display:block;width:100%;max-width:1100px;margin:0 auto 24px;text-align:left}
.iwe-creation{min-width:0;padding-top:8px}.iwe-creation>header{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:10px 0 26px;border-bottom:1px solid var(--iwe-line)}.iwe-step{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(212,178,120,.5);border-radius:50%;color:var(--iwe-gold);font-size:12px}.iwe-case-anchor .iwe-step{display:block;width:auto;height:auto;margin:0 0 7px;border:0;border-radius:0;line-height:1.4;white-space:nowrap}.iwe-current-project{display:block;margin-bottom:8px;color:var(--iwe-muted);font-size:13px;font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere}.iwe-upload-kicker{display:block;margin-bottom:10px;color:var(--iwe-gold);font-size:12px;font-weight:700;letter-spacing:.04em}.iwe-creation h2{font-size:clamp(27px,3vw,36px)}.iwe-switch-project{padding:4px 0;border:0;border-bottom:1px solid rgba(212,178,120,.5);color:var(--iwe-gold);background:none;font-size:18px;white-space:nowrap;cursor:pointer}.iwe-form-host{margin-top:30px}.iwe-creation .uifr-progressive-images{padding-bottom:28px;border-bottom:1px solid var(--iwe-line)}.iwe-creation .uifr-image-field>span,.iwe-creation .uifr-image-choice{display:none}.iwe-creation .uifr-image-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.iwe-creation .uifr-file-button,.iwe-creation .uifr-url-source{position:relative;display:grid;place-items:center;min-height:116px;padding:20px;border:1px dashed rgba(212,178,120,.42);color:var(--iwe-gold);background:rgba(212,178,120,.025);font-size:18px;font-weight:700;text-align:center;cursor:pointer}.iwe-creation .uifr-file-button:hover,.iwe-creation .uifr-url-source:hover,.iwe-creation .uifr-url-source:focus-within{border-color:rgba(212,178,120,.75);background:rgba(212,178,120,.06)}.iwe-creation .uifr-file-button input{position:absolute;width:1px;height:1px;opacity:0}.iwe-creation .uifr-url-source textarea{position:absolute;width:1px;min-height:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.iwe-creation .uifr-url-source:focus-within{align-content:center;gap:10px}.iwe-creation .uifr-url-source:focus-within textarea{position:static;width:100%;min-height:58px;height:58px;padding:9px 10px;border:1px solid rgba(212,178,120,.35);opacity:1;pointer-events:auto}.iwe-creation .uifr-image-field>small{display:block;margin-top:-3px;color:var(--iwe-muted);font-size:12px}
.iwe-creation .uifr-image-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:260px;margin-top:14px;overflow:auto}.iwe-creation .uifr-image-previews:empty{display:none}.iwe-creation .uifr-image-preview{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--iwe-line);background:rgba(255,255,255,.02)}.iwe-creation .uifr-image-preview img{display:block;width:72px;height:72px;object-fit:cover}.iwe-creation .uifr-image-preview>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iwe-creation .uifr-image-preview button{padding:6px 8px;border:1px solid var(--iwe-line);color:var(--iwe-muted);background:transparent}
.iwe-creation{padding:26px 28px 30px;border:1px solid var(--iwe-line)}.iwe-creation>header{padding-top:0}.iwe-creation .uifr-file-button small{display:block;margin-top:7px;color:var(--iwe-muted);font-size:12px;font-weight:400}.iwe-generate,.iwe-primary,.iwe-secondary{min-height:48px;padding:0 22px;border-radius:4px;font:inherit;cursor:pointer}.iwe-generate,.iwe-primary{border:1px solid var(--iwe-gold);background:var(--iwe-gold);color:#171009;font-weight:700}.iwe-generate{width:100%;margin-top:22px}.iwe-secondary{border:1px solid var(--iwe-line);background:transparent;color:var(--iwe-ink)}
.iwe-generating,.iwe-result,.iwe-failure{display:grid;align-content:center;justify-items:start;min-height:520px;padding:clamp(26px,5vw,58px);border-top:1px solid var(--iwe-line);border-bottom:1px solid var(--iwe-line);background:linear-gradient(110deg,rgba(40,31,23,.82),rgba(18,15,12,.5))}.iwe-generating h2,.iwe-result h2,.iwe-failure h2{font-size:clamp(28px,4vw,48px)}.iwe-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.iwe-actions button{min-height:44px;padding:0 17px;border:1px solid var(--iwe-line);border-radius:4px;color:var(--iwe-ink);background:transparent;cursor:pointer}.iwe-generating-visual{display:flex;gap:7px;margin-bottom:24px}.iwe-generating-visual i{width:8px;height:8px;border-radius:50%;background:var(--iwe-gold);animation:iwe-pulse .9s ease-in-out infinite}.iwe-generating-visual i:nth-child(2){animation-delay:.15s}.iwe-generating-visual i:nth-child(3){animation-delay:.3s}.iwe-result-image{overflow:hidden;width:min(100%,650px);aspect-ratio:4/3;margin-bottom:26px;background:#211b16}.iwe-result-image img{width:100%;height:100%;object-fit:cover}.iwe-failure{border-top-color:rgba(210,127,106,.45)}
.iwe-simulation-disclosure{display:flex;flex-wrap:wrap;gap:6px 12px;margin:18px 0 4px;padding:12px 14px;border:1px solid rgba(212,178,120,.38);background:rgba(212,178,120,.07);color:var(--iwe-ink)!important}.iwe-simulation-disclosure strong{color:var(--iwe-gold)}.iwe-simulation-disclosure span{color:var(--iwe-muted)}
@keyframes iwe-pulse{50%{opacity:.25;transform:translateY(-4px)}}
@media(max-width:900px){.image-workbench-execution{display:block;width:100%;padding:18px 16px 92px}.iwe-progress{width:100%;margin-bottom:20px}.iwe-progress span b{display:none}.iwe-layout{display:block;width:100%;max-width:none}.iwe-stage{display:block;width:100%;min-width:0}.iwe-case-anchor{position:static;display:grid;width:100%;grid-template-columns:96px minmax(0,1fr);gap:16px;margin-bottom:10px;padding-bottom:18px;border-bottom:1px solid var(--iwe-line)}.iwe-case-anchor>img{aspect-ratio:4/5}.iwe-case-anchor>div{padding:2px 0}.iwe-case-anchor h1{font-size:23px;overflow-wrap:anywhere}.iwe-case-anchor p{display:none}.iwe-creation{width:100%}.iwe-creation>header{align-items:end;padding-top:14px}.iwe-current-project{font-size:12px}.iwe-creation h2{font-size:25px}.iwe-switch-project{font-size:14px}.iwe-creation .uifr-image-sources{grid-template-columns:1fr}.iwe-creation .uifr-image-previews{grid-template-columns:1fr}.iwe-creation .uifr-file-button,.iwe-creation .uifr-url-source{min-height:96px}.iwe-generate{position:sticky;z-index:3;bottom:10px;box-shadow:0 8px 28px rgba(0,0,0,.45)}.iwe-generating,.iwe-result,.iwe-failure{width:100%;min-height:440px;padding:28px 20px}}
@media(max-width:350px){.image-workbench-execution{padding-inline:12px}.iwe-case-anchor{grid-template-columns:78px minmax(0,1fr)}.iwe-progress{gap:5px}.iwe-progress i{min-width:8px}}
@media(max-width:900px){.iwe-creation{padding:20px 16px 24px}}
@media(prefers-reduced-motion:reduce){.iwe-generating-visual i{animation:none}}

.uip-shell{--gold:#d7b46a;--gold2:#f2d58b;--panel:#15130f;--panel2:#1e1a13;--ink:#fff9ee;--muted:#aaa294;max-width:1240px;margin:0 auto;padding:24px;color:var(--ink);font-family:inherit}.uip-banner{position:sticky;top:8px;z-index:5;display:flex;gap:10px;align-items:center;width:max-content;max-width:100%;padding:8px 13px;color:#e9d7aa;background:rgba(38,31,20,.94);border:1px solid rgba(215,180,106,.38);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:12px}.uip-banner span{color:#c9bfae}.uip-layout{display:block;margin-top:14px}.uip-layout main{min-width:0}.uip-layout header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 4px}.uip-kicker{color:var(--gold);font-size:11px;letter-spacing:.16em}.uip-layout h1{margin:7px 0;font-size:clamp(28px,4vw,42px)}.uip-layout header p{max-width:720px;margin:0;color:var(--muted);line-height:1.65}.uip-compare{flex:0 0 auto;color:#cdb77d;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(215,180,106,.35)}.uip-card,.uip-result{margin-bottom:16px;padding:22px;background:linear-gradient(145deg,rgba(30,26,19,.98),rgba(19,17,13,.98));border:1px solid rgba(255,249,238,.11);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.uip-card h2,.uip-result h2{margin:0 0 17px;font-size:18px}.uip-upload-grid,.uip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.uip-upload{min-height:145px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px;color:var(--ink);background:rgba(255,249,238,.025);border:1px dashed rgba(215,180,106,.48);border-radius:14px}.uip-upload input{max-width:100%;color:var(--muted)}.uip-upload input::file-selector-button{margin-right:10px;padding:8px 12px;color:#211a0f;background:var(--gold);border:0;border-radius:8px}.uip-upload span,.uip-upload em,.uip-label span{font-size:13px;color:var(--muted)}.uip-field{min-width:0;padding:16px;background:rgba(255,249,238,.025);border:1px solid rgba(255,249,238,.1);border-radius:14px}.uip-label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.uip-choices{display:flex;flex-wrap:wrap;gap:8px}.uip-choice{display:flex;align-items:center;gap:7px;padding:9px 11px;color:#d9d0c2;background:#11100e;border:1px solid rgba(255,249,238,.14);border-radius:10px;cursor:pointer}.uip-choice:hover{border-color:rgba(215,180,106,.65)}.uip-choice.selected{color:#211a0f;background:var(--gold);border-color:var(--gold)}.uip-choice input{width:16px;height:16px;margin:0;accent-color:#8c6b2d}.uip-choice small{display:none}.uip-more summary{padding:10px 12px;color:#e2cc92;background:#11100e;border:1px solid rgba(215,180,106,.22);border-radius:10px;cursor:pointer}.uip-more[open] summary{margin-bottom:10px}.uip-search{display:grid;gap:8px}.uip-search input,.uip-search select,.uip-field>input,.uip-field textarea{box-sizing:border-box;width:100%;padding:11px;color:var(--ink);background:#0f0e0c;border:1px solid rgba(255,249,238,.15);border-radius:9px;outline:none}.uip-search input:focus,.uip-search select:focus,.uip-field>input:focus,.uip-field textarea:focus{border-color:var(--gold)}.uip-search select option{color:var(--ink);background:#17140f}.uip-search select[multiple]{min-height:150px}.uip-field textarea{min-height:105px;resize:vertical}.uip-count{margin-top:10px;color:#a99e8d;font-size:12px}.uip-count button{color:#d9bf7e;background:none;border:0}.uip-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uip-cap{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#11100e;border:1px solid rgba(255,249,238,.1);border-radius:13px}.uip-cap input{width:20px;height:20px;accent-color:var(--gold)}.uip-cap span{display:flex;flex-direction:column;gap:5px}.uip-cap em{padding:2px 6px;color:#231b0c;background:var(--gold);border-radius:8px;font-size:10px}.uip-cap small{color:var(--muted)}.uip-cap-readonly{border-color:rgba(215,180,106,.2)}.uip-consent{display:flex;align-items:flex-start;gap:11px;margin:20px 0;padding:15px 16px;background:rgba(215,180,106,.07);border:1px solid rgba(215,180,106,.22);border-radius:12px}.uip-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--gold)}.uip-consent span{display:grid;gap:3px}.uip-consent small{color:var(--muted);line-height:1.5}.uip-generate{width:100%;padding:15px;color:#1b160d;background:linear-gradient(90deg,#c9a45b,#edcf85);border:0;border-radius:12px;font-size:16px;font-weight:800;box-shadow:0 10px 24px rgba(215,180,106,.16)}.uip-safe,.uip-copy-note{text-align:center;color:#a99e8d}.uip-result{margin-top:18px}.uip-result details summary{color:#d8bd79;cursor:pointer}.uip-result article{margin:14px 0}.uip-result pre{padding:14px;color:#ddd3c5;background:#0f0e0c;border:1px solid rgba(255,249,238,.08);border-radius:10px;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.7}.uip-warnings{padding:10px;color:#f0c49a;background:rgba(145,72,25,.2);border-radius:10px}.uip-loading,.uip-login{max-width:680px;margin:80px auto;padding:30px;color:var(--ink);text-align:center;background:var(--panel);border:1px solid rgba(255,249,238,.1);border-radius:18px}.uip-shell.mobile{padding:12px}.uip-shell.mobile .uip-layout{display:block}.uip-shell.mobile .uip-upload-grid,.uip-shell.mobile .uip-fields,.uip-shell.mobile .uip-capabilities{grid-template-columns:1fr}.uip-shell.mobile .uip-layout h1{font-size:27px}.uip-shell.mobile .uip-layout header{align-items:flex-start;flex-direction:column}.uip-shell.mobile .uip-compare{display:none}@media(max-width:800px){.uip-shell{padding:12px}.uip-layout{display:block}.uip-upload-grid,.uip-fields,.uip-capabilities{grid-template-columns:1fr}.uip-layout header{align-items:flex-start;flex-direction:column}.uip-compare{display:none}}
.uip-combobox{position:relative}.uip-combobox>input{box-sizing:border-box;width:100%;padding:11px;color:var(--ink);background:#0f0e0c;border:1px solid rgba(255,249,238,.15);border-radius:9px;outline:none}.uip-combobox>input:focus{border-color:var(--gold)}.uip-combo-menu{position:absolute;z-index:12;top:calc(100% + 6px);right:0;left:0;max-height:260px;overflow:auto;padding:6px;background:#11100e;border:1px solid rgba(215,180,106,.35);border-radius:11px;box-shadow:0 18px 35px rgba(0,0,0,.45)}.uip-combo-menu[hidden]{display:none}.uip-combo-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;color:#ddd3c5;text-align:left;background:transparent;border:0;border-radius:7px}.uip-combo-menu button:hover,.uip-combo-menu button.active{color:#211a0f;background:var(--gold)}.uip-combo-menu button b{font-size:11px}.uip-combo-empty{margin:8px;padding:10px;color:var(--muted);text-align:center}.uip-selected-values{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.uip-selected-values span{padding:4px 8px;color:#e5cf98;background:rgba(215,180,106,.1);border:1px solid rgba(215,180,106,.24);border-radius:999px;font-size:11px}.uip-dependent-empty{padding:12px;color:#9f9688;background:#0f0e0c;border:1px dashed rgba(255,249,238,.15);border-radius:9px}.uip-field-notice{display:block;margin-top:5px;color:#e1bd75}.uip-capabilities:has(.uip-cap:only-child){grid-template-columns:minmax(0,680px)}.uip-card:has(.uip-capabilities .uip-cap:only-child){padding-block:16px}.uip-card:has(.uip-capabilities .uip-cap:only-child) h2{margin-bottom:10px;font-size:15px}.uip-card:has(.uip-capabilities .uip-cap:only-child) .uip-cap{padding:12px 14px}
.uip-image-help,.uip-image-count{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.uip-image-sources{display:grid;gap:9px}.uip-image-source{display:grid;gap:6px}.uip-image-source>span{color:#ddc989;font-size:12px}.uip-image-source input[type="url"]{box-sizing:border-box;width:100%;padding:10px;color:var(--ink);background:#0f0e0c;border:1px solid rgba(255,249,238,.15);border-radius:9px;outline:none}.uip-image-source input[type="url"]:focus{border-color:var(--gold)}.uip-image-previews{display:grid;gap:8px}.uip-image-preview{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;background:#0f0e0c;border:1px solid rgba(255,249,238,.1);border-radius:10px}.uip-image-preview img,.uip-url-preview{width:52px;height:52px;object-fit:cover;border-radius:8px}.uip-url-preview{display:grid;place-items:center;color:#d8bd79;background:rgba(215,180,106,.1);font-size:10px}.uip-image-preview div{min-width:0;display:grid;gap:3px}.uip-image-preview small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.uip-image-preview button{padding:6px 8px;color:#e4c679;background:transparent;border:1px solid rgba(215,180,106,.25);border-radius:7px}.uip-image-error{margin:0;padding:9px;color:#efbf92;background:rgba(145,72,25,.2);border-radius:8px;font-size:12px}
.uip-requirement-card{margin:12px 0;background:#0f0e0c;border:1px solid rgba(255,249,238,.1);border-radius:12px;overflow:hidden}.uip-requirement-card summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;cursor:pointer}.uip-requirement-card summary>span{display:flex;align-items:center;gap:8px;min-width:0}.uip-requirement-card summary>span:first-child{align-items:flex-start;flex-direction:column}.uip-requirement-card summary small,.uip-requirement-card summary i{color:var(--muted);font-size:12px;font-style:normal}.uip-requirement-card summary button{padding:7px 11px;color:#20180c;background:var(--gold);border:0;border-radius:8px;font-weight:700}.uip-requirement-card pre{margin:0 12px 12px}.uip-copy-status{min-height:18px;margin:0 14px 10px;color:#e1bd75;font-size:12px}@media(max-width:600px){.uip-requirement-card summary{align-items:flex-start;flex-direction:column}.uip-requirement-card summary>span:last-child{width:100%;justify-content:space-between}.uip-requirement-card summary button{min-width:76px}.uip-image-preview{grid-template-columns:44px minmax(0,1fr)}.uip-image-preview button{grid-column:1/-1}.uip-image-preview img,.uip-url-preview{width:44px;height:44px}}

.uip-safe-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.uip-test-generate{color:#f8e7bd;background:linear-gradient(90deg,#493a20,#766033);border:1px solid rgba(231,199,125,.52)}
.uip-test-scenario{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0;color:#b9ad99;font-size:12px}
.uip-test-scenario select{padding:8px 10px;color:#fff9ee;background:#11100e;border:1px solid rgba(255,249,238,.15);border-radius:8px}
.uip-test-task,.uip-test-history{margin:16px 0;padding:18px;color:#fff9ee;background:linear-gradient(145deg,rgba(30,26,19,.98),rgba(19,17,13,.98));border:1px solid rgba(255,249,238,.11);border-radius:16px}
.uip-test-task>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.uip-test-task small,.uip-test-history>p{color:#aaa294}
.uip-test-task>img{display:block;width:min(100%,520px);max-height:580px;margin:14px auto;object-fit:contain;border-radius:12px;background:#0c0b09}
.uip-test-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.uip-test-actions button{padding:9px 13px;color:#20180c;background:#d7b46a;border:0;border-radius:9px;font-weight:700}
.uip-test-history>h2{margin:0 0 6px;font-size:18px}
.uip-test-history .uip-test-task{background:#11100e;box-shadow:none}
@media(max-width:700px){.uip-safe-actions{grid-template-columns:1fr}.uip-test-scenario{align-items:stretch;flex-direction:column}.uip-test-scenario select{width:100%}.uip-test-task>div:first-child{align-items:flex-start;flex-direction:column}.uip-test-actions button{width:100%}}