@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#f7f8f5;--paper:#fff;--ink:#202c27;--muted:#849088;--line:#e8ece6;--green:#b9f36b;--deep:#294d37;--font:"Manrope", "Noto Sans SC", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #6d9b41}button{color:inherit}button svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#f0f3ed;flex-direction:column;flex-shrink:0;width:228px;padding:32px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:2px;align-items:center;gap:11px;padding:0 10px;font-size:25px;font-weight:800;display:flex}.brand-mark{background:var(--ink);width:39px;height:43px;color:var(--green);border-radius:10px;place-items:center;display:grid;transform:rotate(-5deg)}.brand small{letter-spacing:2.2px;margin-top:1px;font-size:8px;font-weight:600;display:block}.workspace-label{color:#6c786f;border-top:1px solid #e1e6dd;border-bottom:1px solid #e1e6dd;align-items:center;gap:8px;margin:30px 0 21px;padding:15px 10px;font-size:11px;display:flex}.workspace-label svg{margin-left:auto}.workspace-dot,.eyebrow>span{background:#6a8e4c;border-radius:50%;width:6px;height:6px}.nav-caption{color:#8d968e;letter-spacing:1px;margin:0 12px 12px;font-size:10px}.nav-link{color:#6e796f;border-radius:8px;align-items:center;gap:12px;margin-bottom:5px;padding:13px 14px;font-size:12px;display:flex}.nav-link:hover{background:#e7ecdf}.nav-link.active{color:#304b29;background:#dcebcf;font-weight:700}.nav-new{letter-spacing:.4px;border:1px solid #b1c79c;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:7px}.sidebar-note{background:#e7ecdf;border-radius:10px;margin:34px 8px 0;padding:20px 15px;position:relative;overflow:hidden}.sidebar-note:after{content:"";border:1px solid #cdd8c1;border-radius:50%;width:90px;height:90px;position:absolute;top:-25px;right:-35px}.sidebar-note h3{margin:12px 0 7px;font-size:12px}.sidebar-note p{color:#85917b;margin:0;font-size:11px;line-height:1.9}.sidebar-note a{align-items:center;gap:24px;margin-top:15px;font-size:10px;font-weight:700;display:flex}.sidebar-bottom{margin-top:auto;padding-top:30px}.profile{border-top:1px solid #dde3d8;align-items:center;gap:10px;padding:19px 6px 0;font-size:11px;display:flex}.profile small{color:#8c978d;margin-top:4px;font-size:9px;display:block}.profile>svg{margin-left:auto}.avatar{background:#dce4d6;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.main-wrap{flex:1;min-width:0;margin-left:228px}.topbar{border-bottom:1px solid var(--line);background:#ffffff75;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.breadcrumb{color:#9ba39c;gap:16px;font-size:11px;display:flex}.breadcrumb strong{color:#5b685f;font-weight:500}.topbar-right{align-items:center;gap:21px;display:flex}.template-tag{color:#7b887d;font-size:10px}.small-button{background:#fff;border:1px solid #dfe5da;border-radius:6px;align-items:center;gap:14px;padding:9px 13px;font-size:11px;display:flex}.main-wrap main{max-width:1450px;margin:auto;padding:42px 42px 25px}.intro{justify-content:space-between;align-items:center;margin:0 0 30px;display:flex}.eyebrow{letter-spacing:1.7px;color:#7b8978;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.intro h1{letter-spacing:-1.4px;margin:13px 0 11px;font-size:36px;font-weight:700;line-height:1.4}.intro h1 span{color:#6c8a53}.intro p{color:#8a958b;margin:0;font-size:12px}.intro-number{letter-spacing:-1px;color:#c9d2c1;align-self:flex-end;margin-bottom:3px;font-size:34px}.intro-number span{letter-spacing:2px;vertical-align:middle;margin-left:5px;font-size:8px}.studio-grid{grid-template-columns:1fr 1.05fr;align-items:stretch;gap:23px;display:grid}.panel{background:var(--paper);border:1px solid #e5e9e1;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #26392103}.mode-tabs{border-bottom:1px solid var(--line);background:#fafbf8;gap:22px;padding:0 22px;display:flex}.mode-tabs button{color:#8d978e;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:19px 3px;font-size:12px;display:flex;position:relative}.mode-tabs button.selected{color:#31482b;font-weight:700}.mode-tabs button.selected:after{content:"";background:#6c934a;height:2px;position:absolute;bottom:-1px;left:0;right:0}.composer-body{padding:22px}.field-heading{justify-content:space-between;align-items:center;margin:0 0 11px;display:flex}.field-heading label,.parameter-grid label{font-size:11px;font-weight:600}.text-button{color:#7b8d6a;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;display:flex}.prompt-wrap{background:#fdfefb;border:1px solid #e3e8df;border-radius:8px;margin-bottom:22px;overflow:hidden}.prompt-wrap:focus-within{border-color:#98b77e;box-shadow:0 0 0 3px #dcebcf70}textarea{resize:vertical;color:#344b38;background:0 0;border:0;outline:none;width:100%;min-height:134px;padding:14px;font-size:11px;line-height:1.9}textarea::placeholder{color:#abb4a8}.prompt-bottom{color:#a3ada0;justify-content:space-between;padding:0 13px 11px;font-size:8px;display:flex}.muted-label{color:#9ca695;font-size:9px}select{color:#44553e;background:#fff;border:1px solid #e1e6dc;border-radius:7px;outline-color:#98b77e;width:100%;padding:12px 10px;font-size:11px}.parameter-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.parameter-grid label{margin-bottom:9px;display:block}.parameter-grid select{padding:11px 8px}.generation-cost{color:#8b9685;justify-content:space-between;align-items:center;margin:21px 0 13px;font-size:9px;display:flex}.generation-cost>span:first-child{align-items:center;gap:6px;display:flex}.generation-cost strong{color:#5b7147;font-size:10px}.primary-button{background:var(--green);color:#273c1d;border:1px solid #b1e567;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:12px;font-weight:700;transition:background .2s;display:inline-flex}.primary-button:hover{background:#a9e957}.generate-button{width:100%;position:relative}.generate-button>svg:last-child{position:absolute;right:17px}.composer-footnote{text-align:center;color:#9da797;margin:12px 0 0;font-size:8px}.preview-panel{flex-direction:column;display:flex}.preview-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px 23px;font-size:11px;display:flex}.preview-heading>span:first-child{align-items:center;gap:8px;display:flex}.status-dot{color:#99a18e;align-items:center;gap:5px;font-size:9px;display:flex}.status-dot:before{content:"";background:#b6c1a7;border-radius:50%;width:5px;height:5px}.preview-stage{flex:1;padding:19px 19px 0;display:flex}.scene{isolation:isolate;border-radius:7px;width:100%;min-height:180px;position:relative;overflow:hidden}.preview-stage>.scene{flex:1;min-height:290px}.scene-landscape{background:linear-gradient(#c5d4a5 0%,#e7dbad 32%,#718b6a 65%,#273d38 100%)}.scene-sun{background:#f4e5b4;border-radius:50%;width:90px;height:90px;position:absolute;top:23%;right:22%;box-shadow:0 0 55px 26px #f0dfb733}.scene-shape{clip-path:polygon(0 60%,15% 40%,23% 59%,39% 6%,55% 45%,70% 15%,87% 51%,100% 30%,100% 100%,0 100%);height:67%;display:block;position:absolute;inset:auto -20% -10%}.scene-landscape .one{filter:blur(1px);opacity:.8;background:#7b9476;bottom:4%}.scene-landscape .two{background:#4a6c5b;height:65%;bottom:-13%;transform:translate(15%)}.scene-landscape .three{background:#2c4a40;height:51%;bottom:-17%;transform:translate(-20%)}.scene-grain{opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.preview-overlay{color:#fff;text-align:center;background:#182c2a30;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.preview-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:53px;height:53px;padding-left:3px;display:grid}.preview-overlay h2{letter-spacing:.8px;margin:20px 0 8px;font-size:17px;font-weight:500}.preview-overlay p{color:#e4e9dc;margin:0;font-size:10px}.preview-frame-corner{z-index:2;border-style:solid;border-color:#ffffff80;width:15px;height:15px;position:absolute}.tl{border-width:1px 0 0 1px;top:15px;left:15px}.tr{border-width:1px 1px 0 0;top:15px;right:15px}.bl{border-width:0 0 1px 1px;bottom:15px;left:15px}.br{border-width:0 1px 1px 0;bottom:15px;right:15px}.scene-credit{color:#e1e7d7;white-space:nowrap;font-size:7px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.preview-meta{justify-content:space-between;align-items:center;padding:18px 23px;font-size:10px;display:flex}.preview-meta>div{padding-left:11px;position:relative}.meta-line{background:#b6cf9b;border-radius:3px;width:3px;height:27px;position:absolute;top:1px;left:0}.preview-meta small{color:#9aa391;margin-top:6px;font-size:8px;display:block}.resolution-tag{color:#859078;font-size:9px}.resolution-tag span{padding:0 5px}.tip{background:#f4f7ef;border:1px solid #ecf0e6;border-radius:7px;margin:0 19px 19px;padding:13px 14px}.tip>span{color:#71815f;font-size:9px;font-weight:700}.tip p{color:#909c83;margin:5px 0 0;font-size:9px;line-height:1.8}.inspiration{margin-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.4px;margin:7px 0 0;font-size:20px;font-weight:600}.section-heading>a{color:#77866d;align-items:center;gap:8px;padding-bottom:2px;font-size:10px;display:flex}.template-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.template-card{text-align:left;background:0 0;border:0;min-width:0;padding:0}.template-card .scene{min-height:155px;transition:transform .25s}.template-card:hover .scene{transform:translateY(-4px)}.template-card .scene-sun{width:45px;height:45px;top:15%;right:25%}.template-details{justify-content:space-between;align-items:center;padding:12px 2px;display:flex}.template-details strong{font-size:11px;font-weight:600}.template-details>span{color:#8b9782;font-size:9px}.scene-index{z-index:3;color:#fffb;letter-spacing:1px;font-size:9px;position:absolute;top:13px;left:14px}.template-scene-label{z-index:3;color:#fff;letter-spacing:1.4px;font-size:9px;position:absolute;bottom:16px;left:14px}.template-arrow{z-index:3;color:#fff;position:absolute;bottom:12px;right:13px}.scene-product{background:radial-gradient(at 50% 100%,#a1a079,#e7e2cb 75%)}.scene-product .scene-sun{width:160px;height:160px;box-shadow:none;background:0 0;border:1px solid #faf8e470;top:-12px;right:calc(50% - 80px)}.scene-product .one{clip-path:none;background:linear-gradient(100deg,#3c573b,#81936a 35%,#496442);border-radius:11px 11px 9px 9px;width:54px;height:84px;inset:auto auto 18% calc(50% - 27px);transform:rotate(-12deg);box-shadow:15px 10px 25px #6b735750}.scene-product .two{clip-path:none;background:#354734;border-radius:3px;width:29px;height:17px;inset:auto auto calc(18% + 79px) calc(50% - 29px);transform:rotate(-12deg)}.scene-product .three{clip-path:none;background:#d4d7b2;width:37px;height:27px;inset:auto auto 35% calc(50% - 18px);transform:rotate(-12deg)}.scene-product .template-scene-label,.scene-product .scene-index,.scene-product .template-arrow{color:#435039}.scene-dream{background:linear-gradient(#526b83,#7e9caa 55%,#2a4b62 56%,#1c3a50)}.scene-dream .scene-sun{background:#e2e5d6;width:68px;height:68px;top:15%;right:calc(50% - 34px);box-shadow:0 0 35px #c4d3cc50}.scene-dream .one{clip-path:none;filter:blur(1px);background:repeating-linear-gradient(#d1d8c900 0 5px,#e0e3c955 6px 7px);height:40%;inset:58% 28% auto;transform:perspective(50px)rotateX(35deg)}.scene-dream .two,.scene-dream .three{display:none}.footer{color:#a1aa99;justify-content:space-between;max-width:1450px;margin:auto;padding:20px 42px 25px;font-size:9px;display:flex}.footer a{align-items:center;gap:5px;display:flex}.upload-box{background:#f6f9f0;border:1px dashed #becdb3;border-radius:8px;margin-bottom:20px;overflow:hidden}.upload-action{color:#7a8b68;background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;width:100%;padding:23px;display:flex}.upload-action strong{font-size:11px;font-weight:500}.upload-action span{color:#98a78b;font-size:8px}.image-preview{align-items:center;gap:14px;padding:10px;font-size:11px;display:flex;position:relative}.image-preview img{object-fit:cover;border-radius:5px;width:70px;height:70px}.image-preview>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-preview>button{background:#e6ecd9;border:0;border-radius:50%;place-items:center;margin-left:auto;padding:6px;display:grid}.notice{color:#817044;background:#f6f4e9;border:1px solid #eae5cf;border-radius:7px;align-items:flex-start;gap:7px;margin-top:13px;padding:11px;font-size:10px;line-height:1.8;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice a{text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-intro{margin-bottom:30px}.page-intro h1{margin:12px 0;font-size:31px}.page-intro p{color:#8b9782;font-size:12px;line-height:1.9}.empty-state{text-align:center;padding:75px 25px}.empty-icon{color:#7e9b62;background:#f0f5e8;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 20px;display:grid}.empty-state h2{font-size:19px;font-weight:600}.empty-state p{color:#8c9684;margin-bottom:23px;font-size:12px;line-height:1.9}.login-wrap{max-width:470px;margin:35px auto 70px}.login-card{padding:36px}.login-card h1{margin:17px 0 10px;font-size:27px}.login-card>p{color:#89947f;font-size:12px;line-height:1.9}.google-button{background:#fff;border:1px solid #dce3d4;border-radius:7px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:28px;padding:14px;font-size:12px;display:flex}.google-letter{color:#496d4b;font-size:19px;font-weight:800}.login-notice{color:#89947f;background:#f5f7f0;border-radius:7px;margin-top:20px;padding:14px;font-size:11px;line-height:1.9}.login-notice a{color:#4b6d37;text-decoration:underline}.login-footnote{text-align:center;margin-top:24px;font-size:9px!important}.back-link{color:#859774;align-items:center;gap:5px;margin-top:23px;font-size:11px;display:inline-flex}.content-card{margin-bottom:20px;padding:26px 30px}.content-card h2{margin:0 0 15px;font-size:17px}.content-card p,.content-card li{color:#7d8c72;font-size:12px;line-height:2}.content-card code{color:#5a7049;overflow-wrap:anywhere;background:#f0f3e9;border-radius:3px;padding:3px 6px;font-size:11px}.content-card ol{padding-left:20px}.content-card a{color:#4e7339;text-decoration:underline}.account-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.metric{letter-spacing:-1px;font-size:37px;font-weight:700}.metric small{color:#8e9a82;margin-left:6px;font-size:11px;font-weight:400}.account-details{border-top:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;gap:10px;padding:15px 0;font-size:12px;display:flex}.account-details span{color:#89947f}.secondary-button{background:#fff;border:1px solid #dce3d3;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:11px;display:inline-flex}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.price-card{padding:28px}.price-card.featured{background:#fcfef8;border-color:#a5cd7c}.price-card h2{font-size:17px}.price-card .price{margin:25px 0;font-size:35px}.price-card .price small{color:#94a184;font-size:10px}.price-card ul{color:#839378;padding:0;font-size:11px;line-height:2.9;list-style:none}.price-card button{width:100%;margin-top:20px}.label-tag{color:#6d874f;background:#e6f3d6;border-radius:4px;padding:4px 8px;font-size:9px;display:inline-block}.error-page{text-align:center;padding:90px 10px}.error-page h1{font-size:40px}.error-page p{color:#89947f;margin-bottom:25px}@media (min-width:1500px){.main-wrap main{padding-top:50px}.intro h1{font-size:43px}.preview-stage>.scene{min-height:330px}.template-card .scene{min-height:190px}}@media (max-width:1100px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-wrap{margin-left:200px}.main-wrap main{padding:30px 25px}.topbar{padding:0 25px}.intro h1{font-size:29px}.studio-grid{grid-template-columns:1fr 1fr;gap:16px}.composer-body{padding:17px}.parameter-grid{gap:7px}.preview-overlay h2{font-size:14px}.template-grid{gap:14px}.template-card .scene{min-height:135px}.template-details{display:block}.template-details>span{margin-top:5px;display:block}.footer{padding-left:25px;padding-right:25px}}@media (max-width:850px){.sidebar{width:77px;padding:25px 10px}.brand{padding:0 8px}.brand>span:last-child,.workspace-label,.nav-caption,.nav-link>span,.sidebar-note,.sidebar-bottom .nav-link,.profile>span:not(.avatar),.profile>svg{display:none}.sidebar nav{margin-top:40px}.nav-link{padding:14px 19px}.nav-new{display:none}.profile{justify-content:center;padding-top:20px}.main-wrap{margin-left:77px}.studio-grid{grid-template-columns:1fr}.preview-stage>.scene{min-height:270px}.preview-stage{padding-top:17px}.intro-number{display:none}.pricing-grid,.account-grid{grid-template-columns:1fr}}@media (max-width:560px){.sidebar{width:61px;padding:22px 7px}.brand{padding:0 4px}.brand-mark{width:34px;height:37px}.nav-link{padding:13px 14px}.main-wrap{margin-left:61px}.main-wrap main{padding:25px 16px}.topbar{height:61px;padding:0 16px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>span,.template-tag{display:none}.small-button{gap:4px;padding:8px;font-size:10px}.intro h1{letter-spacing:-1px;font-size:24px}.intro p{max-width:260px;font-size:10px;line-height:1.8}.eyebrow{letter-spacing:1px;font-size:7px}.intro{margin-bottom:23px}.template-grid{grid-template-columns:1fr}.template-card .scene{min-height:180px}.template-details{display:flex}.template-details>span{margin:0}.footer{gap:20px;padding:15px 16px 20px;font-size:8px}.section-heading h2{font-size:18px}.section-heading>a{font-size:9px}.preview-meta{padding:16px}.login-card{padding:25px 20px}.content-card{padding:21px}.page-intro h1{font-size:25px}.parameter-grid select{font-size:10px}.generation-cost{font-size:8px}.login-wrap{margin-top:10px}.profile{padding-left:0;padding-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.email-login{margin-top:24px}.email-login label,.editor-form>label,.admin-user-form>label,.editor-advanced>label{margin:16px 0 9px;font-size:12px;font-weight:600;display:block}input:not([type=checkbox]):not([type=file]){width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe5d9;border-radius:7px;outline-color:#98b77e;padding:12px;font-size:12px}input:disabled{color:#839177;background:#f4f6ef}.email-code-row{align-items:center;gap:18px;margin-top:12px;display:flex}.email-login>.primary-button{margin-top:16px}.mail-sent{color:#6c805b;font-size:11px;line-height:1.9}.login-divider{color:#a2ad99;align-items:center;gap:14px;margin-top:28px;font-size:10px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-divider+.google-button{margin-top:16px}.editor-meta{color:#829373;align-items:center;gap:14px;margin-top:14px;font-size:11px;display:flex}.editor-layout{grid-template-columns:1.2fr 1fr;align-items:start;margin-top:20px}.editor-form{padding:25px}.editor-form .section-heading h2{margin:0;font-size:17px}.reference-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.reference-card{background:#f8faf4;border:1px dashed #c9d7bd;border-radius:9px;min-width:0;padding:13px}.reference-card strong{font-size:11px}.reference-card p{overflow-wrap:anywhere;color:#6f825c;font-size:10px;line-height:1.8}.reference-card small{color:#91a180;font-size:9px;line-height:1.8;display:block}.reference-card>video,.reference-card>img{object-fit:contain;background:#e9efdf;border-radius:6px;width:100%;height:155px}.reference-upload{color:#7d9664;text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:150px;display:flex}.required-mark{color:#7b9c56;margin-left:5px;font-size:9px}.editor-textarea{border:1px solid #dfe5d9;border-radius:7px;min-height:150px}.editor-advanced{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.editor-advanced summary{cursor:pointer;color:#7a8d68;font-size:11px}.editor-advanced textarea{border:1px solid var(--line);border-radius:7px;min-height:70px}.checkbox-label{align-items:center;gap:9px;font-size:12px;display:flex!important}.result-body{padding:24px}.result-body h2{font-size:20px}.result-body p{color:#869878;font-size:11px;line-height:1.9}.result-body video{object-fit:contain;background:#18251b;border-radius:9px;width:100%;max-height:460px}.task-id{overflow-wrap:anywhere}.result-placeholder{color:#9aab88;text-align:center;background:#eff4e7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:230px;font-size:12px;display:flex}.result-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.history-toolbar{color:#8c9c80;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.history-card{overflow:hidden}.history-media video{object-fit:contain;background:#152419;width:100%;height:240px}.history-media .result-placeholder{border-radius:0}.history-body{padding:22px}.history-body .section-heading strong{font-size:13px}.history-prompt{color:#586f47;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.history-body small,.history-body>p:not(.history-prompt){color:#91a080;font-size:10px}.state-label{color:#7e9367;white-space:nowrap;background:#edf3e5;border-radius:4px;padding:4px 7px;font-size:9px;display:inline-block}.state-failed{color:#aa7364;background:#f8ece8}.state-succeeded{color:#6c8d46;background:#e6f4d6}.admin-shell{min-height:100vh}.admin-main{max-width:1440px;margin:0 auto;padding:clamp(20px,4vw,48px)}.admin-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:24px;display:flex;overflow:auto}.admin-tabs button{color:#8a997c;white-space:nowrap;background:0 0;border:0;padding:13px 15px;font-size:12px}.admin-tabs .selected{color:#466332;border-bottom:2px solid #7fa15b;font-weight:700}.admin-tabs button:last-child{margin-left:auto}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-metrics .content-card{padding:22px}.admin-metrics h2{color:#91a17d;font-size:12px}.admin-search{gap:12px;margin:20px 0;display:flex}.admin-search>input{max-width:420px}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.data-table th{color:#8b9b7c;white-space:nowrap;background:#f5f7ef;padding:16px;font-size:10px}.data-table td{border-top:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;max-width:350px;padding:16px;line-height:1.8}.data-table td small{color:#94a481;margin-top:4px;font-size:9px;display:block}.data-table td strong{font-weight:500}.data-table summary{cursor:pointer;color:#739455}.data-table details p{max-width:350px}.admin-user-form{max-width:680px;margin-top:24px}.admin-user-form>.primary-button{margin-top:18px}.audit-row{border-top:1px solid var(--line);padding:15px 0;font-size:11px}.audit-row>span{color:#95a583;margin-top:6px;display:block}.audit-row p{overflow-wrap:anywhere;margin-bottom:0}@media (max-width:1100px){.editor-layout{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.history-grid,.reference-grid{grid-template-columns:1fr}.editor-form{padding:18px}.editor-meta{flex-direction:column;align-items:flex-start;gap:8px}.admin-metrics{grid-template-columns:1fr 1fr;gap:10px}.admin-metrics .content-card{padding:16px}.admin-metrics .metric{font-size:27px}.history-toolbar{flex-wrap:wrap}.admin-tabs button{padding:12px 9px;font-size:11px}.data-table td{min-width:110px}}