:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#303d35;background:#f5f6f2;font-synthesis:none;font-size:13px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #758963;outline-offset:3px}a{text-decoration:none;color:inherit}button,select{min-height:36px}svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.studio-sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:#eff1e9;border-right:1px solid #dfe3d8;padding:32px 21px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:19px;font-weight:600;line-height:1.2;white-space:nowrap}.brand small{display:block;font:8px/2.8 system-ui;letter-spacing:2.7px;color:#87907f}.brand-symbol{font:italic 44px/1 Georgia;position:relative;letter-spacing:-7px;width:38px;color:#526c4e}.brand-symbol span{font:19px Georgia;position:absolute;top:-5px;right:-2px}.new-project{margin:32px 0 25px;background:#fff;border:1px solid #dce2d4;border-radius:7px;min-height:42px;font-size:12px;box-shadow:0 2px 2px #374b3103}.nav-label{font-size:10px;letter-spacing:1px;color:#92998c;margin:0 12px 12px}.studio-sidebar nav{display:grid;gap:7px}.studio-sidebar nav button{justify-content:flex-start;padding:11px 13px;border-radius:6px;color:#7b8575;font-size:12px;min-height:43px}.studio-sidebar nav button.active{background:#dde5d6;color:#415b3c;font-weight:600}.studio-sidebar nav button span,.studio-sidebar nav button>svg:last-child:not(:first-child){margin-left:auto;font-size:10px;color:#8a957f}.studio-sidebar nav button:hover{background:#e4e9dd}.sidebar-bottom{margin-top:auto;padding-top:60px}.local-card{border:1px solid #d9dfd1;border-radius:8px;padding:15px 13px;font-size:11px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#80956d;margin-right:5px;vertical-align:middle}.local-card p{color:#8a9383;font-size:11px;line-height:1.9}.local-card small{font-size:8px;letter-spacing:1px;color:#97a08e}.creator{display:flex;gap:10px;align-items:center;border-top:1px solid #dce1d5;margin-top:23px;padding-top:19px;font-size:11px}.creator>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dde4d4;color:#6d7b60;font-size:11px}.creator small{display:block;font-size:9px;color:#929b8a}.main-shell{margin-left:222px;min-width:0;width:calc(100% - 222px)}.topbar{height:73px;border-bottom:1px solid #e4e7df;background:#fafbf7;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar>div{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:11px;color:#959c90}.breadcrumb span{padding:0 12px;color:#b6bcae}.breadcrumb b{font-weight:500;color:#606e59}.save-status{font-size:10px;color:#98a08e}.outline-button{border:1px solid #d9dfd2;border-radius:6px;padding:7px 13px;background:#fff;font-size:11px}.mobile-menu{display:none}.workspace{padding:37px 38px 20px;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.overline{font-size:9px;letter-spacing:2.2px;color:#8e9a82;margin:0 0 9px}.page-heading h1{font-size:27px;font-weight:500;letter-spacing:1px;margin:0 0 8px;line-height:1.5;color:#344432}.page-heading h1 span{display:inline-block;color:#8c9e74;font-size:29px;margin-left:15px}.page-heading>div>p:last-child{font-size:11px;color:#969d90;margin:0}.phase-tag{font-size:8px;letter-spacing:1.2px;color:#8a967d;border:1px solid #dce3d2;border-radius:5px;padding:5px 8px;white-space:nowrap}.phase-tag span{letter-spacing:0;border-left:1px solid #dce3d2;padding-left:8px;margin-left:8px;font-size:10px}.project-strip{display:flex;align-items:center;gap:12px;border:1px solid #e0e5d9;border-radius:8px;padding:12px 15px;background:#fafbf8;margin-bottom:24px;min-width:0}.project-icon{display:grid;place-items:center;background:#eaf0e3;color:#7f936a;border-radius:6px;width:32px;height:32px}.project-strip input{border:0;background:none;width:120px;min-width:0;font-size:12px;color:#526049}.project-divider{height:14px;width:1px;background:#dce2d6}.project-strip>span:not(.project-divider){font-size:10px;color:#8e9784}.project-strip .draft-chip{margin-left:auto;background:#edf1e6;padding:2px 7px;border-radius:4px;font-size:9px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.77fr);gap:25px;align-items:start}.design-column{min-width:0}.brief-panel,.editor-panel,.preview-panel{background:#fff;border:1px solid #e2e6dc;border-radius:10px;overflow:hidden}.brief-panel{padding:23px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title>div{display:flex;align-items:center;gap:9px}.section-index{font-size:9px;color:#8c9a7a;border:1px solid #dfe5d7;border-radius:4px;padding:0 4px;line-height:19px}.section-title h2{margin:0;font-size:14px;font-weight:550;letter-spacing:.5px}.section-title>.subtle{font-size:8px;letter-spacing:1px}.subtle{color:#a3ab9a;font-size:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0 18px}label{display:block;color:#7c8873;font-size:11px;margin-bottom:7px}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid #e1e6da;background:#f9faf7;border-radius:6px;padding:8px 12px;color:#53614b;font-size:11px;min-height:39px}.select-wrap svg{position:absolute;right:11px;top:13px;pointer-events:none;color:#8f9c80}.prompt-wrap{border:1px solid #dfe5d7;border-radius:6px;background:#fafbf8;padding:11px 12px 7px}.prompt-wrap textarea{border:0;background:transparent;resize:vertical;width:100%;min-height:105px;line-height:1.95;font-size:11px;color:#4b5942}.prompt-wrap textarea::placeholder{color:#a5ad9b}.prompt-wrap>span{display:block;text-align:right;font-size:9px;color:#a6af9b}.prompt-suggestions{display:flex;align-items:center;gap:6px;margin:12px 0 20px;flex-wrap:wrap}.prompt-suggestions>span{font-size:9px;color:#a0aa93;margin-right:2px}.prompt-suggestions button{font-size:9px;border:1px solid #e2e6dc;border-radius:4px;padding:2px 6px;min-height:23px;color:#8e9a80}.primary-button{background:#62774f;color:#fff;border:1px solid #5c714a;border-radius:6px;width:100%;padding:10px;font-size:12px;min-height:42px;box-shadow:0 3px 5px #36442a0b}.primary-button>svg:last-child{margin-left:auto}.primary-button>svg:first-child{margin-right:auto}.primary-button:hover{background:#536843}.honesty-note{display:flex;gap:5px;align-items:center;justify-content:center;font-size:9px;color:#a3ac98;margin:11px 0 0}.schemes-section{margin:26px 0 22px}.count{font-size:9px;color:#98a58a;background:#e9eee2;border-radius:4px;padding:0 5px}.text-button{font-size:10px;color:#939f87;min-height:25px;padding:0}.section-description{font-size:10px;color:#9aa48e;margin:7px 0 16px}.scheme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scheme-card{display:block;text-align:left;padding:0;border:1px solid #e0e4db;border-radius:8px;background:#fff;overflow:hidden;min-width:0}.scheme-card.selected{border:1.5px solid #7d9268;box-shadow:0 0 0 2px #7d92680b}.mini-art{height:142px;position:relative;background:#efece3;padding:24px 13px 12px;color:#607257;overflow:hidden}.mini-number{position:absolute;top:8px;left:10px;font:8px monospace;opacity:.5}.mini-content{padding:10px;border:1px solid #b5bca655;height:112px;background:#fbfaf480}.mini-content>span{display:block;font:5px/1.5 Georgia;letter-spacing:1px}.mini-content strong{display:block;font:11px/2.6 Songti SC,Georgia,serif;white-space:nowrap}.mini-content i{display:block;height:2px;background:currentColor;opacity:.2;width:80%;margin:4px 0}.mini-content i+i{width:50%}.mini-bubble{height:17px;width:70%;background:#8797701c;border:1px solid #87977022;border-radius:2px 6px 6px;margin-top:10px}.selected-mark{position:absolute;bottom:8px;right:8px;width:19px;height:19px;border-radius:50%;background:#7a8d66;color:#fff;display:grid;place-items:center}.terminal .mini-art{background:#1c2e35;color:#9ce2d0;background-image:linear-gradient(#91bbcf0e 1px,transparent 1px),linear-gradient(90deg,#91bbcf0e 1px,transparent 1px);background-size:12px 12px}.terminal .mini-content{background:#233a40aa;border:1px solid #79b4b633;height:100px;padding:7px}.terminal .mini-content strong{font:9px/3 monospace}.terminal .mini-bubble{display:none}.mini-grid{font:5px/2 monospace;border-top:1px solid #6b9e9d55;margin-top:9px;padding-top:5px}.terminal .selected-mark{background:#34565d}.letter .mini-art{background:#f4e7e2;color:#b67f7c}.letter .mini-content{background:#fff8f4;transform:rotate(-5deg);border-radius:5px;border:1px solid #e9d1c9;height:108px}.letter .mini-content strong{font-size:11px}.letter .mini-bubble{border-radius:9px;margin-left:auto;background:#e1b8b933}.letter .selected-mark{background:#c7a19a}.scheme-info{padding:11px 10px 12px}.scheme-info>div{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.scheme-info h3{font-size:11px;font-weight:550;margin:0}.demo-badge{font-size:6px;background:#f2f4ed;color:#9ba68f;padding:1px 3px;border-radius:2px;white-space:nowrap}.scheme-info p{font-size:8px;color:#9ca591;margin:6px 0;line-height:1.7;min-height:27px}.scheme-info small{display:block;font-size:8px;color:#8a987d;white-space:nowrap}.adapter-notice{display:flex;gap:7px;align-items:flex-start;background:#eef1e8;border:1px solid #e3e8da;border-radius:5px;padding:9px 10px;margin-top:14px;color:#8a977d;font-size:9px}.adapter-notice svg{margin-top:1px}.editor-panel>.section-title{padding:18px 18px 14px}.editor-toolbar{display:flex;align-items:center;gap:5px;padding:0 12px;background:#f5f7f0;border-top:1px solid #e7eadf;border-bottom:1px solid #e7eadf}.editor-toolbar>[role=tablist]{display:flex}.editor-toolbar button{font-size:9px;padding:6px 7px;color:#929d85}.editor-toolbar [role=tab][aria-selected=true]{border-bottom:2px solid #82936e;color:#596f49}.editor-toolbar>span{font-size:8px;color:#a4ad98;margin-right:auto;margin-left:6px}.code-input{display:block;border:0;padding:16px 18px;width:100%;height:180px;resize:vertical;background:#fafbf8;font:10px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#78886b;white-space:pre;-moz-tab-size:2;tab-size:2}.editor-note{padding:10px 15px;margin:0;border-top:1px solid #edf0e7;font-size:8px;color:#a2ac96}.preview-column{min-width:0;position:sticky;top:22px}.panel-heading{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #e6e9e0;font-size:11px}.panel-heading .subtle{margin-left:6px;font-size:9px}.device-toggle{display:flex;border:1px solid #e2e7da;border-radius:5px;padding:2px;background:#f8faf5}.device-toggle button{padding:4px 7px;min-height:25px;color:#a2ac94}.device-toggle button[aria-pressed=true]{background:#e5ebdd;color:#6c8156;border-radius:3px}.preview-stage{padding:28px 22px 14px;background:#edf0e8;background-image:radial-gradient(#aeb99d44 .6px,transparent .6px);background-size:13px 13px}.device{width:100%;max-width:324px;height:655px;margin:auto;border:6px solid #3c443b;border-radius:39px;background:#f4f1e9;padding:0 2px;box-shadow:0 15px 30px #40493418,0 0 0 1px #fff8;overflow:hidden;position:relative;display:flex;flex-direction:column}.device-bar{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#384333;font-size:9px;font-weight:600;position:relative}.island{background:#333b32;width:80px;height:19px;border-radius:20px;position:absolute;left:50%;top:6px;transform:translate(-50%)}iframe{display:block;width:100%;border:0;flex:1;min-height:0;background:#f4f1e9}.home-bar{height:18px;min-height:18px;position:relative}.home-bar:after{content:"";display:block;width:93px;height:4px;background:#4a5145;border-radius:5px;position:absolute;left:50%;bottom:5px;transform:translate(-50%)}.preview-stage.tablet .device{max-width:100%;border-radius:24px;height:655px;border-width:6px}.tablet .island{display:none}.tablet .device-bar{height:28px;min-height:28px}.preview-hint{font-size:9px;color:#a1ac94;text-align:center;margin:20px -5px 0}.preview-footer{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;font-size:8px;color:#9ea98f;background:#fbfcf8;border-top:1px solid #e3e8da}.preview-footer>span:first-child{color:#8e9e7e}.preview-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#9ba58e;margin-top:14px;padding:0 3px}.preview-caption strong{color:#7d8f69;font-weight:500;margin-left:6px}.preview-caption>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px}.workspace-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4e8dc;margin-top:32px;padding-top:16px;font-size:8px;color:#a3ad96;letter-spacing:1px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:60;background:#334831;color:#fff;padding:12px 15px;box-shadow:0 8px 30px #24351e30;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:calc(100% - 24px);width:max-content}.toast button{color:#d6e1cf;min-width:30px;min-height:30px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#23301e55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;display:grid;place-items:center;padding:20px}.modal{background:#fafbf7;border:1px solid #e3e8da;border-radius:16px;padding:28px;position:relative;width:min(520px,100%);max-height:85dvh;overflow:auto}.modal h2{font-size:20px;font-weight:500}.modal p,.modal li{color:#86917b;font-size:12px;line-height:1.9}.modal li{padding:6px}.modal-close{position:absolute;right:12px;top:12px}.draft-row{display:flex;text-align:left;justify-content:space-between;width:100%;border-top:1px solid #e1e7d8;padding:14px 0}.draft-row small{display:block;font-size:10px;color:#939f86;margin-top:4px}.empty-state{padding:30px 0}.warning{color:#8c663a;background:#faf1df;padding:10px;font-size:12px}@media(min-width:1450px){.workspace{padding:42px 55px}.workbench{gap:32px;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr)}.brief-panel{padding:27px}.mini-art{height:160px}.mini-content{height:120px}}@media(max-width:1150px){.studio-sidebar{width:190px;padding:28px 15px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.workspace{padding:28px 23px 20px}.topbar{padding:0 23px}.workbench{gap:17px;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}.brief-panel{padding:18px}.page-heading h1{font-size:23px}.phase-tag{display:none}.scheme-grid{gap:6px}.mini-art{padding:24px 8px 10px;height:130px}.scheme-info{padding:8px}.mini-content strong{font-size:9px}.terminal .mini-content strong,.scheme-info small{font-size:7px}.preview-stage{padding:24px 16px 15px}.preview-stage .device{height:630px}.preview-footer{padding:11px;font-size:7px}.editor-toolbar>span{display:none}.editor-toolbar>[role=tablist]{margin-right:auto}.brand{font-size:17px}.save-status{display:none}}@media(max-width:920px){.studio-sidebar{width:170px;padding:25px 12px}.brand{gap:8px;font-size:15px}.brand small{font-size:6px;letter-spacing:2px}.brand-symbol{width:33px;font-size:36px}.main-shell{margin-left:170px;width:calc(100% - 170px)}.workbench{grid-template-columns:minmax(0,1fr)}.preview-column{position:static;grid-row:2}.preview-stage .device{max-width:340px;height:680px}.preview-stage.tablet .device{max-width:620px}.page-heading h1{font-size:22px}.scheme-grid{gap:12px}.mini-art{height:155px;padding:24px 13px 12px}.mini-content{height:118px}.scheme-info p{min-height:0}.preview-stage{padding:28px}.preview-footer{font-size:9px}.preview-caption{margin-bottom:12px}}@media(max-width:640px){:root{font-size:14px}.studio-sidebar{transform:translate(-100%);transition:transform .2s;width:222px;box-shadow:8px 0 40px #35452d22;padding-top:78px}.studio-sidebar.is-open{transform:translate(0)}.main-shell{margin-left:0;width:100%}.topbar{height:61px;padding:0 17px;position:relative;z-index:30;background:#fafbf7}.mobile-menu{display:inline-flex;padding:0;min-height:44px;min-width:32px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 8px}.topbar>div{gap:6px}.outline-button{font-size:10px;padding:6px 9px;min-height:36px}.workspace{padding:28px 17px 20px}.page-heading{margin-bottom:22px}.overline{font-size:7px;letter-spacing:1.7px}.page-heading h1{font-size:22px;letter-spacing:.4px}.page-heading h1 span{font-size:24px;margin-left:7px}.page-heading>div>p:last-child{font-size:10px}.project-strip{padding:10px;gap:8px;margin-bottom:19px}.project-strip input{width:100px;font-size:11px}.project-strip>span:not(.project-divider){font-size:9px}.project-icon{width:29px;height:29px}.project-strip .draft-chip{font-size:8px}.brief-panel{padding:19px}.field-row{gap:12px}.select-wrap select{font-size:12px;min-height:44px}.prompt-wrap textarea{font-size:12px;min-height:115px}.prompt-suggestions button{min-height:32px;font-size:9px}.honesty-note{font-size:8px}.primary-button{min-height:44px}.section-title h2{font-size:13px}.section-title>.subtle{font-size:7px}.scheme-grid{gap:7px}.mini-art{height:130px;padding:23px 7px 9px}.mini-content{padding:7px;height:102px}.mini-content>span{font-size:4px;letter-spacing:.5px}.mini-content strong,.letter .mini-content strong{font-size:9px}.terminal .mini-content strong{font-size:7px}.scheme-info{padding:9px 7px}.scheme-info h3{font-size:10px}.scheme-info p{font-size:8px;min-height:29px}.scheme-info small{font-size:7px}.demo-badge{font-size:6px}.schemes-section{margin-top:23px}.text-button{font-size:9px;min-height:36px}.adapter-notice{font-size:9px;padding:9px}.editor-panel>.section-title{padding:15px}.editor-toolbar button{min-height:40px;padding:6px 9px}.code-input{font-size:11px;height:200px}.editor-note{font-size:9px}.preview-stage{padding:24px 18px 15px}.preview-stage .device{height:650px;max-width:324px}.preview-footer{font-size:8px}.panel-heading{height:55px}.device-toggle button{min-height:32px;min-width:35px}.workspace-footer{font-size:7px;letter-spacing:.4px}.toast{bottom:18px;font-size:11px}.modal{padding:24px}.studio-sidebar .brand{font-size:19px}.studio-sidebar .brand small{font-size:8px}.studio-sidebar .brand-symbol{font-size:44px;width:38px}.modal-close{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:920px){.design-column{display:contents}.preview-column{grid-row:3}.editor-panel{grid-row:4}}.honesty-note,.adapter-notice{font-size:10px;color:#79886a}.scheme-info p{font-size:9px;color:#7e8a73}.editor-note{font-size:10px;color:#839074}@media(max-width:640px){input,select,textarea,.prompt-wrap textarea,.code-input,.project-strip input,.select-wrap select{font-size:16px}.project-strip input{width:110px}.project-strip .project-divider{display:none}.honesty-note{font-size:9px;align-items:flex-start}.honesty-note svg{margin-top:2px}.scheme-info p{font-size:9px}}