.demo-site-shell{min-height:100vh;display:grid;grid-template-columns:330px 1fr;background:#0c1411}.demo-sidebar{padding:34px 28px;background:#111c18;border-right:1px solid #2c3a34}.demo-sidebar h1{font-size:2.4rem;margin:.2rem 0}.demo-logo{width:52px;height:52px;display:grid;place-items:center;border:1px solid #bd8e3f;color:#e9bc6c;border-radius:14px;font-weight:800;margin-bottom:24px}.demo-note{color:#91a099;font-size:.85rem}.demo-form{display:grid;gap:13px;margin-top:28px}.demo-form label,.local-login-card label{display:grid;gap:6px;color:#a9b5b0;font-size:.8rem}.demo-form input,.demo-form select,.local-login-card input,.local-login-card textarea,.paper input,.paper textarea{border:1px solid #37463f;background:#17231e;color:#eef4f1;border-radius:9px;padding:11px;font:inherit}.demo-form button,.local-login-card button,.editor-bar button{padding:12px;border:0;border-radius:9px;background:#ae792b;color:white;font-weight:700}.portal-buttons{display:grid;gap:9px;margin-top:24px}.demo-button{display:inline-block;text-align:center;text-decoration:none;padding:10px;border-radius:9px;color:#dbe5e0}.demo-session{display:grid;gap:7px;padding:18px;background:#19251f;border-radius:12px;margin-top:24px}.demo-session small{color:#90a098}.demo-workspace{padding:44px;max-width:1200px}.demo-banner{padding:10px 14px;border-radius:9px;background:#49381e;color:#f2c77c;font-size:.75rem;font-weight:800;letter-spacing:.08em;margin-bottom:34px}.demo-banner span{font-weight:400;margin-left:10px}.demo-workspace h2{font-size:2.2rem}.demo-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px}.demo-tile{display:flex;flex-direction:column;gap:9px;text-align:left;padding:20px;border-radius:13px;border:1px solid #304038;background:#17231e;color:#eff4f2;text-decoration:none;cursor:pointer}.demo-tile:hover{border-color:#527060;transform:translateY(-1px)}.demo-tile span{color:#91a099;font-size:.8rem}.draft{border-color:#8b6632}.local-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0c1411}.local-login-card{width:min(430px,100%);padding:34px;background:#141f1a;border:1px solid #2d3b35;border-radius:18px;box-shadow:0 20px 60px #0005}.local-login-card form{display:grid;gap:15px;margin:24px 0}.local-login-card a{color:#88d5af}.editor-shell{min-height:100vh;background:#202824;padding-bottom:50px}.editor-bar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#111a16}.editor-bar a{color:#9dd9bb;text-decoration:none}.editor-bar>div{display:flex;flex-direction:column;text-align:center}.editor-bar span{font-size:.7rem;color:#91a099}.paper{width:min(900px,calc(100% - 30px));margin:30px auto;background:#f8f7f1;color:#17211d;padding:48px;border-radius:4px;box-shadow:0 20px 60px #0005}.paper h1{font-size:2.3rem}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paper label{display:grid;gap:6px;font-size:.8rem}.paper input,.paper textarea{background:white;color:#17211d;border-color:#c2c7c4}.activity-editor{width:100%;border-collapse:collapse;margin:16px 0}.activity-editor th,.activity-editor td{border:1px solid #bfc5c1;padding:7px}.activity-editor input{width:100%;border:0}.block-label{display:grid;gap:8px;margin-top:22px}.form-preview{max-width:850px;margin:30px auto;padding:40px;background:#f8f7f1;color:#17211d}.preview-meta{display:flex;gap:20px;padding:14px 0;border-block:1px solid #ccc}.preview-row{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #ddd}.preview-row.active{background:#fff1cb}@media(max-width:750px){.demo-site-shell{grid-template-columns:1fr}.demo-sidebar{border-right:0}.demo-workspace{padding:25px 18px}.paper{padding:24px}.paper-grid{grid-template-columns:1fr}.editor-bar{padding:0 12px}}
.demo-site-shell{grid-template-columns:300px 1fr;background:#f4f7fb}.demo-sidebar{padding:36px 26px;background:#0c1f3d;border-right:0;box-shadow:8px 0 28px rgba(12,31,61,.1)}.demo-sidebar h1{font-size:2.15rem;letter-spacing:-.05em;color:#fff}.demo-logo{border-radius:10px;background:#142d53;border-color:#c2943e;color:#f4cf88}.demo-note{color:#b2bed1}.demo-form{border-top:1px solid #294466;padding-top:22px}.demo-form label,.local-login-card label{color:#e6ebf3;font-weight:700}.demo-form input,.demo-form select{background:#091831;border-color:#395273;color:#fff}.portal-buttons{border-top:1px solid #294466;padding-top:20px}.demo-button{border:1px solid #3b5579}.demo-workspace{padding:48px 52px;max-width:1380px;width:100%}.demo-banner{display:inline-flex;background:#fff7e8;color:#79571c;border:1px solid #e5cd9f}.demo-workspace h2{color:#10213d;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em}.demo-workspace p{color:#67748a}.demo-tiles{gap:14px}.demo-tile{min-height:132px;background:#fff;border:1px solid #dbe2ec;color:#10213d;border-radius:11px;box-shadow:0 8px 22px rgba(12,31,61,.05)}.demo-tile:hover{border-color:#b8872d;background:#fff;box-shadow:0 12px 28px rgba(12,31,61,.1)}.demo-tile span{color:#6d7990}.local-login-shell{background:#eef2f8}.local-login-card{background:#0c1f3d;border-color:#294466;border-radius:14px;box-shadow:0 24px 70px rgba(12,31,61,.22);color:#fff}.local-login-card h1,.local-login-card h2{color:#fff}.local-login-card p{color:#bdc7d7}.editor-bar{background:#0c1f3d}@media(max-width:750px){.demo-site-shell{grid-template-columns:1fr}.demo-workspace{padding:30px 20px}.demo-sidebar{box-shadow:none}}