:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#24312d;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#172825;color:#dce9e1;padding:26px 16px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 12px}.brand-mark{width:39px;height:39px;border-radius:12px;background:#9be0bb;color:#17312a;display:grid;place-items:center;font-size:18px;font-weight:850;letter-spacing:-2px}.brand strong{display:block;font-size:15px;letter-spacing:.2px}.brand span{display:block;font-size:11px;color:#a8c4b5;margin-top:3px}.nav-heading{font-size:10px;letter-spacing:1.7px;color:#809e90;padding:0 16px 8px}.nav-list{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#b9ccc1;width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600}.nav-item:hover{background:#263d35;color:#fff}.nav-item.active{background:#2d5546;color:#f1fff5;box-shadow:inset 3px 0 #a9e8be}.nav-icon{width:19px;text-align:center;font-size:16px;line-height:1}.sidebar-footer{margin-top:auto;border:1px solid #3d584b;background:#223a31;border-radius:14px;padding:14px}.sidebar-footer .mini-label{color:#9bd3ae;font-size:10px;letter-spacing:1px}.sidebar-footer strong{display:block;font-size:12px;margin-top:8px}.sidebar-footer p{font-size:11px;line-height:1.55;color:#a9beaf;margin:6px 0 0}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid #e4e8e1;background:#fbfcf9;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.breadcrumb{font-size:12px;color:#87958d}.breadcrumb strong{color:#284238}.top-actions{display:flex;align-items:center;gap:9px}.context-select{border:1px solid #d9e3da;background:white;border-radius:10px;padding:9px 30px 9px 12px;font-size:12px;color:#355346;max-width:240px}.environment-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #d4e5d8;background:#eaf5eb;color:#3c7650;border-radius:50px;padding:8px 11px;font-size:11px;font-weight:700;white-space:nowrap}.environment-pill .dot{width:7px;height:7px;background:#55af69;border-radius:50%}.content{max-width:1440px;margin:auto;padding:30px 34px 72px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#6b9881;font-weight:800;text-transform:uppercase;margin-bottom:7px}.page-heading h1{font-size:28px;letter-spacing:-.8px;margin:0;color:#1d3529}.page-heading p{font-size:13px;line-height:1.6;color:#708078;margin:8px 0 0}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:750;min-height:39px;white-space:nowrap}.btn-primary{color:white;background:#244f3c;box-shadow:0 5px 12px rgba(25,74,49,.12)}.btn-primary:hover{background:#1c4030}.btn-secondary{background:#fff;color:#315441;border-color:#cfded0}.btn-secondary:hover{background:#f0f7ef}.btn-ghost{background:transparent;color:#4d6656;border-color:#dbe4dc}.btn-ghost:hover{background:#edf4ed}.btn-danger{background:#fff2ef;color:#9e4938;border-color:#f0c7bb}.btn:disabled{opacity:.55;box-shadow:none}.btn-sm{min-height:31px;padding:7px 10px;border-radius:8px;font-size:11px}.card{background:#fff;border:1px solid #e0e7dd;border-radius:16px;box-shadow:0 5px 22px rgba(34,64,45,.035)}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#25513c 0%,#2e6b50 58%,#8cbf90 100%);border-radius:19px;color:white;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;min-height:166px}.hero:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:90px;top:-110px;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 95px rgba(255,255,255,.035)}.hero-copy{position:relative;z-index:1;max-width:640px}.hero .eyebrow{color:#c6ebc7}.hero h2{font-size:23px;margin:0 0 9px;letter-spacing:-.5px}.hero p{font-size:12px;line-height:1.7;color:#e2f0e3;margin:0}.hero .btn{position:relative;z-index:1;color:#2c563c;background:#f6fff4}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.kpi{padding:18px 19px}.kpi .kpi-label{font-size:11px;color:#75887a}.kpi strong{font-size:26px;display:block;margin-top:10px;color:#223b2b;letter-spacing:-1px}.kpi .kpi-foot{font-size:10px;color:#95a69a;margin-top:6px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}.section-title h2{margin:0;font-size:16px;color:#203a2d}.section-title p{font-size:11px;color:#8d9e91;margin:0}.section-title button{border:0;background:transparent;color:#417455;font-size:11px;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{padding:18px 19px;cursor:pointer;transition:transform .15s,border-color .15s}.project-card:hover{border-color:#9bc6a6;transform:translateY(-2px)}.project-card.selected{border-color:#61a978;box-shadow:0 0 0 2px #dbecdc}.project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.project-name{font-size:16px;font-weight:800;color:#233d2e}.project-sku{font-size:11px;color:#83988b;margin-top:4px}.project-meta{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 15px}.chip{display:inline-flex;align-items:center;border:1px solid #e0e8df;background:#f7faf6;border-radius:50px;padding:5px 8px;font-size:10px;color:#637b6b}.project-bottom{border-top:1px solid #eef1ec;padding-top:13px;display:flex;align-items:center;gap:14px;color:#778a7b;font-size:10px}.project-bottom b{color:#2d5440}.project-arrow{margin-left:auto;color:#719b7b;font-size:20px}.detail-panel{margin-top:20px;padding:20px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.detail-cell{padding:11px 12px;background:#f6f8f4;border-radius:10px}.detail-cell span{display:block;font-size:10px;color:#92a195}.detail-cell strong{font-size:12px;color:#2d4937;display:block;margin-top:6px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.s-available,.s-approved,.s-exported{color:#2e8652;background:#e6f5e9}.s-trial,.s-review,.s-processing{color:#ad7431;background:#fff2dc}.s-soon,.s-pending{color:#7c8d81;background:#edf1ec}.s-rejected{color:#b85546;background:#fff0ec}.alert{padding:13px 15px;border-radius:11px;background:#fff8e9;border:1px solid #f3dfb8;color:#8b652c;font-size:11px;line-height:1.6;display:flex;gap:10px;align-items:flex-start}.alert.info{color:#4b715a;border-color:#d5e8d7;background:#eef7ee}.alert.error{color:#ad5547;border-color:#efcfc8;background:#fff3f0}.layout-two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px}.panel{padding:19px}.panel h2{margin:0 0 15px;font-size:15px}.panel-subtitle{font-size:11px;color:#899b8e;margin:-9px 0 15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.wide{grid-column:1/-1}.field label{font-size:11px;font-weight:750;color:#49614e}.field input,.field select,.field textarea,.search-input{width:100%;border:1px solid #d9e3d8;border-radius:9px;background:#fff;color:#304637;padding:10px 11px;outline:none;font-size:12px}.field textarea{resize:vertical;min-height:78px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#68a77a;box-shadow:0 0 0 3px #e6f2e7}.field .hint{font-size:10px;color:#9aab9c}.form-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-input{width:220px}.select-compact{border:1px solid #dbe4db;border-radius:9px;background:white;padding:9px 10px;font-size:11px;color:#49624f}.tabs{display:flex;gap:6px;border-bottom:1px solid #e5ebe3;margin-bottom:16px;overflow:auto}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#7e9284;padding:11px 13px;font-size:11px;font-weight:750;white-space:nowrap}.tab.active{color:#2b6b45;border-bottom-color:#59a96b}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:650px}.table th{text-align:left;color:#8c9d8d;font-size:10px;font-weight:700;letter-spacing:.3px;background:#f8faf7;padding:12px}.table td{padding:11px 12px;border-bottom:1px solid #eef1ed;color:#526654;font-size:11px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .strong{color:#294332;font-weight:750}.asset-name{display:flex;align-items:center;gap:10px}.asset-thumb{height:39px;width:39px;border-radius:8px;background:linear-gradient(145deg,#d7eadd,#a3beaa);display:grid;place-items:center;flex:none;color:#467457;font-size:18px;overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:cover}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.scene-card{min-height:202px;padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden}.scene-card:hover{border-color:#bbd6be}.scene-id{font-size:10px;letter-spacing:1px;color:#90a792;font-weight:800}.scene-top{display:flex;align-items:center;justify-content:space-between}.scene-glyph{margin-top:15px;font-size:25px;line-height:1}.scene-card h3{font-size:15px;margin:10px 0 5px;color:#284231}.scene-card p{font-size:11px;color:#83968a;line-height:1.55;margin:0 0 14px}.scene-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.scene-bottom small{font-size:10px;color:#9cae9f}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.result-card{display:flex;gap:15px;padding:15px}.result-preview{width:104px;min-width:104px;height:104px;border-radius:11px;background:linear-gradient(135deg,#e6efe7,#d7e8d9);display:grid;place-items:center;color:#739f7e;font-size:38px}.result-preview img{width:100%;height:100%;object-fit:cover;border-radius:11px}.result-body{min-width:0;flex:1}.result-body h3{font-size:13px;margin:3px 0 4px;color:#2b4837}.result-body p{font-size:10px;color:#8a9b8d;margin:0 0 11px}.result-foot{margin-top:13px;display:flex;align-items:center;justify-content:space-between}.result-note{font-size:10px;color:#9b6d52;margin-top:8px;line-height:1.5}.data-summary{display:grid;gap:9px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf1eb;padding:9px 0;gap:9px;font-size:11px}.summary-row:last-child{border:0}.summary-row span{color:#869b8b}.summary-row strong{color:#38543f;text-align:right}.import-drop{border:1.5px dashed #bad3bd;border-radius:13px;background:#f8fbf8;text-align:center;padding:24px;color:#588065}.import-drop strong{display:block;font-size:12px}.import-drop p{font-size:10px;color:#9baea0;margin:6px 0 13px}.import-drop input{max-width:200px;font-size:10px}.code-preview{background:#1e3027;color:#d3e9d7;border-radius:10px;padding:14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:260px}.empty-state{border:1px dashed #d6e4d7;background:#fbfdfb;border-radius:14px;padding:35px 20px;text-align:center;color:#809587}.empty-state .empty-icon{font-size:27px;margin-bottom:7px}.empty-state h3{font-size:13px;color:#47664f;margin:3px 0}.empty-state p{font-size:11px;margin:0 auto 12px;max-width:330px;line-height:1.6}.mini-list{display:grid;gap:8px}.mini-list-row{border:1px solid #e5ece3;border-radius:10px;padding:11px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.mini-list-row strong{display:block;color:#385942}.mini-list-row span{display:block;color:#96a89a;font-size:10px;margin-top:3px}.modal-overlay{position:fixed;inset:0;background:rgba(12,27,18,.53);display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(560px,100%);max-height:min(86vh,800px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 24px 70px rgba(9,39,17,.25);padding:23px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.modal-header h2{font-size:19px;margin:0;color:#234330}.modal-header p{font-size:11px;color:#8c9b8d;margin:5px 0 0}.icon-close{border:0;background:#f0f4f0;border-radius:7px;width:28px;height:28px;color:#65806d}.toast{position:fixed;bottom:24px;right:24px;z-index:80;background:#203d2c;color:#fff;box-shadow:0 12px 30px rgba(15,42,20,.2);padding:12px 15px;border-radius:10px;font-size:12px;max-width:350px}.toast.error{background:#a7493e}.hidden{display:none!important}.muted{color:#8a9d8d}.small{font-size:11px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.nowrap{white-space:nowrap}.text-right{text-align:right}.mobile-header{display:none}
@media(max-width:1100px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-two{grid-template-columns:minmax(0,1fr) 260px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:12px 14px;gap:12px}.brand{padding:0}.sidebar-footer,.nav-heading{display:none}.nav-list{display:flex;overflow:auto;gap:4px;padding-bottom:3px}.nav-item{width:auto;white-space:nowrap;padding:9px 11px;font-size:11px}.nav-icon{font-size:14px}.topbar{height:auto;padding:12px 18px;flex-wrap:wrap}.content{padding:23px 18px 50px}.layout-two{grid-template-columns:1fr}.project-grid,.review-grid{grid-template-columns:1fr}}
@media(max-width:560px){.page-heading{display:block}.heading-actions{margin-top:15px}.page-heading h1{font-size:23px}.hero{display:block;padding:24px}.hero .btn{margin-top:18px}.kpi-grid{gap:8px}.kpi{padding:14px}.kpi strong{font-size:22px}.scene-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.result-preview{width:74px;min-width:74px;height:74px}.top-actions{width:100%;justify-content:space-between}.search-input{width:100%}}
.footer-note{margin:28px 0 0;color:#8a9d8d;font-size:11px;line-height:1.6}.block-reason{padding:10px 12px;border:1px solid #efcfc8;border-radius:10px;background:#fff3f0;color:#a34f43!important;font-size:11px;line-height:1.6}.variant-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.variant-split>div{padding:10px;background:#f7faf6;border:1px solid #e0e8df;border-radius:9px}.variant-split b{font-size:10px;color:#2f523d}.variant-split p{min-height:28px;margin:5px 0 9px}.variant-split .btn{white-space:normal;min-height:36px}.asset-choices{display:grid;gap:9px}.asset-choice{display:flex;align-items:center;gap:11px;border:1px solid #e0e8df;border-radius:10px;padding:9px;cursor:pointer;font-size:11px}.asset-choice:has(input:checked){border-color:#61a978;background:#f1f9f1}.asset-choice input{accent-color:#2d7450}.asset-choice span:last-child{min-width:0;overflow-wrap:anywhere}.asset-choice small{color:#849788}.parameter-list{display:grid;gap:11px}.parameter-row{box-shadow:none}.parameter-row h3{font-size:12px;color:#365541;margin:0 0 12px}.task-list-row{width:100%;text-align:left;background:#fff;cursor:pointer}.task-list-row.selected{border-color:#61a978;background:#f3faf4}.check-row{display:block;margin:8px 0;color:#48614e;font-size:12px}.compact-card{min-height:176px}.scene-card .scene-bottom{flex-wrap:wrap}
@media(max-width:560px){.variant-split{grid-template-columns:1fr}}
.environment-pill.mode-real{background:#fff0db;border-color:#efd6ab;color:#8a601f}.environment-pill.mode-real .dot{background:#d89a3c}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,#e9f3e8,#f8faf6)}.login-card{width:min(420px,100%);padding:28px}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:25px;color:#1d3529;margin:0 0 8px}.login-card p{font-size:12px;line-height:1.6;color:#718377;margin:0 0 21px}.login-card .form-grid{grid-template-columns:1fr}.login-card .small{margin:16px 0 0}.capability-strip{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.capability-strip strong{font-size:13px;color:#2f4b36}.capability-strip p{font-size:11px;color:#829486;margin:5px 0 0}.result-buttons{display:flex;gap:6px;flex-wrap:wrap}.result-body>strong{font-size:11px;overflow-wrap:anywhere}.data-summary .summary-row strong{overflow-wrap:anywhere;max-width:65%}
@media(max-width:560px){.capability-strip{align-items:flex-start;flex-direction:column}.environment-pill{white-space:normal}}
.scene-bottom small{flex:1;min-width:120px;line-height:1.5}.offline-alert{align-items:center;justify-content:space-between;flex-wrap:wrap}.loading-state{padding:32px;color:#708078}
.layout-two>.panel:last-child .review-grid{grid-template-columns:1fr}.layout-two>.panel:last-child .result-preview{width:74px;min-width:74px;height:74px}
.account-credits{display:inline-flex;align-items:center;gap:7px;border-left:1px solid #dfe8df;padding-left:12px;white-space:nowrap;color:#38543f;font-size:12px}.account-credits strong{font-weight:750;max-width:160px;overflow:hidden;text-overflow:ellipsis}.account-credits small{font-size:11px;color:#738a78}.task-start-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.task-price-note{font-size:11px;font-weight:400;color:#829486;line-height:1.5}.quote-preview-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quote-preview-status{font-size:11px;color:#879889;margin:8px 0 0}.quote-preview-row .btn{margin-top:8px}
[hidden]{display:none!important}
@media(max-width:560px){.account-credits{order:-1;border-left:0;padding-left:0;width:100%}.task-price-note{min-width:0}}
.task-list-entry{padding:4px 7px 4px 3px;align-items:center}.task-list-entry .task-list-row{min-width:0;flex:1;border:0;padding:8px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.task-list-entry .task-list-row span{overflow-wrap:anywhere}.delete-control{color:#8c6860;border-color:transparent;box-shadow:none}.delete-control:hover{color:#9e4938;background:#fff2ef;border-color:#f0c7bb}