:root{--ink:#213a34;--muted:#7b8980;--line:#e1e6dd;--teal:#28695c;--paper:#fafbf7;--gold:#bb8d40}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 14px}button:hover{background:#eaf1e8}button:focus-visible{outline:3px solid #669c86;outline-offset:3px}button.active{background:#e8efe5;color:#255d4d;border-color:transparent}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:26px;background:#fffefb}.brand{display:flex;gap:12px;align-items:center;width:214px;font-size:22px;font-weight:700;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:7px;color:var(--muted)}.logo{background:#2a6352;color:#fff;font-family:Georgia,serif;font-size:35px;padding:2px 11px;border-radius:12px}.logo span{color:#c6db9d}header nav{display:flex;gap:8px;flex:1}header nav button{border:0;background:transparent;padding:12px 23px}nav span{font-size:10px;background:#e6eadf;padding:4px 6px;border-radius:5px;margin-left:6px}.badge{display:flex;align-items:center;gap:8px;font-size:12px}.badge i,.dot{display:inline-block;width:7px;height:7px;background:#53826b;border-radius:50%}.workspace{display:grid;grid-template-columns:234px minmax(0,1fr) 280px;min-height:calc(100vh - 88px)}.sidebar{padding:30px 24px;border-right:1px solid var(--line);position:relative;min-height:820px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}.eyebrow span{float:right}.sidebar h2{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:400;margin:22px 0 12px}.sidebar p{line-height:1.7;color:var(--muted);font-size:12px}.line{height:1px;background:var(--line);margin:28px 0}#team{display:grid;gap:9px;margin-top:18px}.team-button{padding:10px 8px;display:flex;align-items:center;gap:10px;text-align:left;border-color:transparent;background:transparent;width:100%}.team-button canvas{width:40px;height:44px;background:#e8ece0;border-radius:12px}.team-button b{font-size:13px}.team-button small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.team-button i{width:5px;height:5px;border-radius:50%;margin-left:auto}.side-note{border:1px solid var(--line);border-radius:13px;padding:17px 14px;margin-top:35px}.side-note img{width:20px;vertical-align:middle;margin-right:8px}.side-note b{font-size:12px}.side-note p{margin-bottom:0}.sim{margin-top:38px;font-size:9px;letter-spacing:1px;color:#9b8c65}.sim span{font-size:10px;letter-spacing:0;display:block;margin-top:7px}main{min-width:0;background:radial-gradient(ellipse at center,#f1f3e9,transparent 75%)}.heading{padding:35px 32px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px;font-size:32px;margin:12px 0 8px}.heading p{color:var(--muted);font-size:12px;margin:0}.pills{display:flex;gap:8px}.pills span{font-size:10px;border:1px solid #dce4d6;border-radius:20px;padding:8px 10px;white-space:nowrap}.sceneWrap{position:relative;margin:20px 0 0;aspect-ratio:1100/720}#scene{width:100%;height:100%;display:block}.scene-tip{position:absolute;bottom:5px;width:100%;text-align:center;color:#849186;font-size:10px}.bubble{position:absolute;border:1px solid #dbe2d5;background:#fffef9;box-shadow:0 6px 20px #29452b0b;padding:11px 14px;border-radius:12px;max-width:190px;transform:translate(-50%,-100%);font-size:11px;z-index:2;pointer-events:auto}.bubble:after{content:'';position:absolute;bottom:-7px;left:45%;width:12px;height:12px;background:#fffef9;border-right:1px solid #dbe2d5;border-bottom:1px solid #dbe2d5;transform:rotate(45deg)}.bubble b{display:block;margin-bottom:5px;font-size:10px;color:#8a977e}.bubble button{padding:4px 0 0;border:0;color:#336e60;background:none;font-size:10px;display:block}.bottom{margin:20px 30px;border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;gap:20px;font-size:10px}.bottom>div{display:flex;gap:7px;align-items:center}.bottom b{font-size:16px}.muted{color:var(--muted);margin-left:auto;font-size:9px}.blue{background:#6484b3}.gold{background:#c39445}.purple{background:#a27ab2}.detail{padding:30px 22px;border-left:1px solid var(--line);background:#fffefb}.portrait{width:130px;height:130px;background:radial-gradient(#f3ead6,#f8f7ef);border-radius:50%;margin:24px auto 17px}.portrait canvas{width:100%;height:100%}.detail h2{text-align:center;margin:0 0 7px;font-family:Georgia,serif;font-size:29px;font-weight:400}.detail>p{text-align:center;font-size:11px;color:var(--muted);margin:0}.status{display:table;margin:17px auto 26px;padding:7px 10px;border-radius:20px;background:#f5edda;color:#987633;font-size:10px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;border-radius:0;font-size:11px;background:transparent;padding:12px 18px}.tabs button.active{border-bottom:2px solid var(--teal);color:var(--teal)}#panel{min-height:235px}#panel h3{font-size:14px;line-height:1.5;margin:8px 0 13px}#panel p{font-size:11px;line-height:1.8;color:var(--muted)}.taskmeta{font-size:9px;letter-spacing:1px;color:#a0957e}.step{padding:10px 0;font-size:11px;border-bottom:1px solid #edf0e7}.step span{color:#809a79;margin-right:10px}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#215346}.detail>.primary,.secondary{width:100%;margin-top:10px;font-size:12px;padding:13px}.detail-foot{margin-top:26px;font-size:10px;color:#98a193;line-height:1.7;text-align:center}#menu{position:fixed;z-index:20;background:#fffef9;border:1px solid var(--line);box-shadow:0 12px 40px #283c3426;border-radius:13px;padding:7px;width:190px}#menu strong{display:block;font-size:10px;color:var(--muted);padding:10px}#menu button{display:block;width:100%;border:0;text-align:left;background:transparent;font-size:12px}#menu button:hover{background:#edf2e8}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(420px,90vw);color:var(--ink)}dialog::backdrop{background:#24392f55}dialog h2{font-family:Georgia,serif}dialog label{display:block;font-size:12px;margin:20px 0 10px}textarea{width:100%;height:110px;border:1px solid #becdbd;border-radius:8px;padding:12px;font:inherit;resize:vertical}dialog p{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#264c3e;color:#fff;padding:14px 24px;border-radius:10px;font-size:12px;z-index:30;display:none}#catalog{padding:30px}.catalog-title{font-size:18px;font-family:Georgia,serif;margin:28px 0 18px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.asset-card{border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:14px;text-align:center}.asset-card canvas{width:100%;max-width:140px}.asset-card small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.asset-card b{font-size:11px;font-weight:400}.asset-card img{width:90%;height:100px;object-fit:contain}.room-preview{width:100%;background:#f0f2e9;border-radius:15px}.asset-grid.icons{grid-template-columns:repeat(5,1fr)}.asset-grid.icons img{height:32px}.gallery-mode .workspace{grid-template-columns:234px minmax(0,1fr)}.gallery-mode .detail{display:none}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:170px minmax(0,1fr) 235px}.sidebar{padding:25px 15px}.brand{width:150px}.heading{padding:28px 20px 0}.pills{display:none}h1{font-size:26px}.bottom{gap:10px;margin:15px}.muted{display:none}.bubble{max-width:150px;padding:8px;font-size:10px}.gallery-mode .workspace{grid-template-columns:170px minmax(0,1fr)}}@media(max-width:760px){header{height:auto;min-height:75px;padding:15px;flex-wrap:wrap;gap:12px}.brand{width:auto;margin-right:auto}header nav{order:3;width:100%}.badge{display:none}.workspace{display:flex;flex-direction:column}.sidebar{min-height:0;border:0;padding:15px}.sidebar>.eyebrow,.sidebar>h2,.sidebar>p,.line,.side-note,.sim{display:none}#team{display:grid;grid-template-columns:repeat(4,1fr);margin:0;gap:3px}.team-button{display:block;text-align:center;padding:8px 2px}.team-button canvas{display:block;margin:0 auto 5px}.team-button small,.team-button i{display:none}.detail{border:0;border-top:1px solid var(--line)}.portrait{width:90px;height:90px}.detail #panel{min-height:0}.sceneWrap{margin:0}.scene-tip{font-size:8px}.bubble{font-size:8px;width:110px;padding:6px}.bubble b,.bubble button{font-size:8px}.heading{padding:18px}.bottom{justify-content:center;flex-wrap:wrap;font-size:9px;padding:15px 0}.asset-grid{grid-template-columns:repeat(2,1fr)}.asset-grid.icons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.bubble:first-child{display:none}.bubble{width:125px;max-width:125px}.bubble b{line-height:1.5}.bubble button{min-height:26px}}