:root { --ink:#141510; --muted:#7d7f77; --line:#dfe0da; --soft-line:#ecece7; --paper:#f3f4ef; --accent:#d9ff43; --sidebar:350px; }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; min-height:100%; }
body { overflow:hidden; background:var(--paper); color:var(--ink); font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
button,input,textarea { font:inherit; color:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } [hidden]{display:none!important}
.app-shell { height:100vh; display:grid; grid-template-columns:var(--sidebar) minmax(0,1fr); }
.sidebar { min-width:0; height:100vh; display:grid; grid-template-rows:60px 49px minmax(0,1fr) 70px; border-right:1px solid var(--line); background:white; }
.sidebar-header { padding:0 18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:9px; }.brand span{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:var(--ink);color:white;font-size:14px;font-weight:900}.brand b{font-size:13px;letter-spacing:-.03em}
.save-state,.live-state{display:flex;align-items:center;gap:7px;color:#90918a;font-size:9px}.save-state i,.live-state i{width:6px;height:6px;border-radius:50%;background:#79ba40;box-shadow:0 0 0 3px #edf4e8}
.sidebar-tabs { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid var(--line); }
.sidebar-tabs button { position:relative; display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-right:1px solid var(--soft-line);background:#fafaf7;color:#8a8b84;font-size:9px;font-weight:700}.sidebar-tabs button:last-child{border-right:0}.sidebar-tabs button span{font-size:11px}.sidebar-tabs button.active{background:white;color:var(--ink)}.sidebar-tabs button.active::after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;background:var(--ink)}
.sidebar-body { min-height:0; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#cfd0c9 transparent; }
.tool-panel { padding:23px 18px 35px; }.panel-heading>span{font:700 8px Consolas,monospace;letter-spacing:.14em;color:#9b9c95}.panel-heading h1{margin:8px 0 7px;font-size:22px;letter-spacing:-.045em}.panel-heading p{margin:0 0 23px;color:#8b8c85;font-size:9px;line-height:1.6}
.field{display:block;margin-bottom:16px}.field>span,.control-label b{display:block;margin-bottom:7px;font-size:9px;font-weight:800}.field input,.field textarea,.path-input{width:100%;border:1px solid #d5d6cf;border-radius:7px;background:#fbfbf8;outline:0;font-size:10px;transition:.15s}.field input,.field textarea{padding:10px;resize:none}.field input:focus,.field textarea:focus,.path-input:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px #f0f0eb}.path-input{display:flex;align-items:center}.path-input i{padding-left:10px;color:#999;font-style:normal}.path-input input{border:0;background:transparent;box-shadow:none!important}.meta-preview p{margin:0;padding:11px;border:1px dashed #d3d4cd;border-radius:7px;color:#777;font-size:9px}
.control-label{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.control-label b{margin:0}.control-label small,.element-group-title span{color:#aaa;font:7px Consolas,monospace;letter-spacing:.1em}.control-label.spaced{margin-top:24px}
.theme-list{display:grid;gap:7px}.theme-option{position:relative;min-height:67px;padding:8px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:white;text-align:left}.theme-option:hover{border-color:#aaa}.theme-option.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.theme-option>div b,.theme-option>div small{display:block}.theme-option>div b{font-size:10px}.theme-option>div small{margin-top:4px;color:#999;font-size:8px}.theme-option>em{color:#aaa;font:8px Consolas,monospace;font-style:normal}.theme-option.active>em{color:var(--ink)}
.theme-preview{height:47px;padding:7px;display:grid;align-content:start;gap:4px;border:1px solid #ddd;background:#f5f5f0;font-style:normal}.theme-preview b{font-size:11px}.theme-preview span{height:2px;background:currentColor}.theme-preview span:last-child{width:60%}.editorial-preview{background:#eee4d5;font-family:Georgia,serif}.terminal-preview{background:#111;color:#d9ff43;font-family:monospace}.soft-preview{background:#ffe6ee;color:#4a37d8;border-radius:8px}
.color-row{display:flex;gap:8px}.color-row button{width:29px;height:29px;border:1px solid #c8c9c2;border-radius:50%;background:var(--swatch)}.color-row button.active{box-shadow:0 0 0 2px white,0 0 0 4px var(--ink)}
.range-field{display:block;margin-top:25px}.range-field>span{display:flex;justify-content:space-between;font-size:9px}.range-field small{color:#999;font:8px Consolas,monospace}.range-field input{width:100%;accent-color:var(--ink)}
.switch-row{min-height:52px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--soft-line)}.switch-row span b,.switch-row span small{display:block}.switch-row span b{font-size:9px}.switch-row span small{margin-top:4px;color:#999;font-size:8px}.switch-row input{position:absolute;opacity:0}.switch-row>i{position:relative;width:29px;height:17px;border-radius:99px;background:#d8d9d3}.switch-row>i::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 3px #0003;transition:.15s}.switch-row input:checked+i{background:var(--ink)}.switch-row input:checked+i::after{transform:translateX(12px)}
.element-group{margin-top:25px}.element-group:first-of-type{margin-top:0}.element-group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.element-group-title b{font-size:9px}
.element-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.element-card{min-width:0;min-height:112px;padding:8px;border:1px solid var(--line);border-radius:8px;background:white;text-align:left;transition:.15s}.element-card:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:0 4px 12px #25261f0c}.element-card.dragging{opacity:.45}.element-card.wide{grid-column:1/-1}.element-card>b,.element-card>small{display:block}.element-card>b{margin:9px 1px 3px;font-size:9px}.element-card>small{margin-inline:1px;color:#999;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.element-visual{height:56px;display:block;position:relative;overflow:hidden;border:1px solid #e2e3dc;background:#f6f6f2;font-style:normal}.element-visual span{display:block;background:#bfc0ba}.v-nav{padding:8px}.v-nav span:first-child{width:16px;height:5px;background:#222}.v-nav span:nth-child(2),.v-nav span:nth-child(3){position:absolute;top:9px;width:12px;height:2px}.v-nav span:nth-child(2){right:25px}.v-nav span:nth-child(3){right:8px}.v-hero{padding:9px}.v-hero strong{font-size:17px}.v-hero span{width:30px;height:3px;margin-top:6px}.v-footer span{position:absolute;bottom:10px;height:3px}.v-footer span:first-child{left:9px;width:24px}.v-footer span:last-child{right:9px;width:18px}.v-cta{padding:9px}.v-cta strong{position:absolute;right:10px;font-size:18px}.v-cta span{width:50px;height:5px;margin-top:8px}.v-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}.v-cards span{height:41px;background:#d9dad3}.v-list{padding:7px}.v-list span{height:10px;margin-bottom:4px;border-top:2px solid #aaa;background:transparent}.v-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:4px;padding:5px}.v-gallery span{background:#d1d2cb}.v-gallery span:first-child{grid-row:1/3}.v-stats{display:flex;align-items:center;justify-content:space-around;font:700 12px Consolas,monospace}.v-team{display:flex;align-items:center;justify-content:space-around}.v-team span{width:20px;height:20px;border-radius:50%}.v-timeline{padding:8px}.v-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:1px;background:#aaa}.v-timeline span{width:5px;height:5px;border-radius:50%;margin:3px 0 8px 5px;background:#222}.v-forum{display:grid;grid-template-columns:34px 1fr;gap:6px;padding:6px}.v-forum>span{height:42px}.v-forum>div b{display:block;height:8px;margin-bottom:5px;border-top:2px solid #aaa}.v-notice{padding:10px}.v-notice strong{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d9ff43}.v-notice span{position:absolute;left:40px;right:8px;top:14px;height:5px}.v-links{display:flex;gap:6px;padding:8px}.v-links span{flex:1;height:37px;padding:6px;background:#dedfd8;text-align:right}
.sidebar-footer{padding:12px 15px 12px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:white}.sidebar-footer small,.sidebar-footer b{display:block}.sidebar-footer small{margin-bottom:4px;color:#aaa;font-size:7px}.sidebar-footer b{max-width:210px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer button{min-width:86px;padding:10px 12px;display:flex;justify-content:space-between;border:0;border-radius:6px;background:var(--ink);color:white;font-size:9px;font-weight:800}.sidebar-footer button span{color:var(--accent)}
.workspace{min-width:0;height:100vh;display:grid;grid-template-rows:60px minmax(0,1fr);background:#e9eae5}.page-control{min-width:0;padding:0 13px 0 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #d6d7d0;background:#f8f8f5}.pages-label{width:57px;flex:0 0 auto}.pages-label span,.pages-label small{display:block}.pages-label span{font:700 8px Consolas,monospace;letter-spacing:.12em}.pages-label small{margin-top:4px;color:#aaa;font-size:7px}.page-tabs{min-width:0;display:flex;align-self:stretch;overflow-x:auto;scrollbar-width:none}.page-tab{position:relative;min-width:88px;max-width:145px;padding:0 15px;border:0;border-left:1px solid #e2e3dd;background:transparent;color:#888;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-tab:last-child{border-right:1px solid #e2e3dd}.page-tab.active{background:white;color:var(--ink);font-weight:800}.page-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ink)}.add-page{flex:0 0 auto;padding:8px 11px;border:1px solid #d5d6cf;border-radius:6px;background:white;color:#555;font-size:8px}.add-page span{margin-right:4px}.page-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.page-actions>button{height:30px;padding:0 10px;border:1px solid #d5d6cf;border-radius:6px;background:white;color:#777;font-size:8px}.page-actions .preview-button{width:30px;padding:0;font-size:14px;color:var(--ink)}
.canvas-scroll{min-width:0;min-height:0;overflow:auto;background-color:#e9eae5;background-image:radial-gradient(#c7c8c1 .7px,transparent .7px);background-size:16px 16px}.site-canvas{--page-bg:#fff;--page-fg:#151610;--page-accent:#d9ff43;--page-soft:#e7e8e1;width:var(--canvas-width,100%);min-height:100%;margin:0 auto;background:var(--page-bg);color:var(--page-fg);transition:width .2s,background .2s}.canvas-content{min-height:calc(100vh - 60px);display:flex;flex-direction:column}.empty-canvas{min-height:calc(100vh - 60px);display:grid;place-items:center;color:#a4a59e;text-align:center}.empty-canvas.drag-active{background:#f6f7f1}.empty-canvas i{width:42px;height:42px;margin:0 auto 12px;display:grid;place-items:center;border:1px dashed #bbbcb5;border-radius:50%;font-style:normal;font-size:18px}.empty-canvas b,.empty-canvas small{display:block}.empty-canvas b{font-size:10px;color:#7f8079}.empty-canvas small{margin-top:6px;font-size:8px}
.insert-zone{height:12px;flex:0 0 auto;position:relative;background:transparent;transition:.14s}.insert-zone::after{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:transparent}.insert-zone.active{height:34px;background:#f4f8e7}.insert-zone.active::after{background:#8bb000;box-shadow:0 0 0 2px #e7f5b2}.insert-zone.active::before{content:"放在这里";position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 7px;background:#f4f8e7;color:#5c7300;font-size:7px}
.page-element{position:relative;flex:0 0 auto}.page-element:hover{outline:1px solid #7779;outline-offset:-1px}.page-element.dragging{opacity:.35}.block-tools{position:absolute;z-index:10;right:9px;top:9px;display:none;gap:4px}.page-element:hover .block-tools{display:flex}.block-tools button{height:25px;padding:0 8px;border:1px solid #cacbc4;border-radius:5px;background:white;box-shadow:0 3px 8px #0001;color:#666;font-size:8px}.block-tools .drag-handle{cursor:grab}.block-tools .delete-block:hover{background:#fff0ef;color:#a32920;border-color:#e4b6b2}
/* canvas themes */
.theme-minimal{--page-bg:#fff;--page-fg:#151610;--page-accent:#d9ff43;--page-soft:#e7e8e1;font-family:Arial,"PingFang SC",sans-serif}.theme-editorial{--page-bg:#f3eee5;--page-fg:#29231d;--page-accent:#a44b36;--page-soft:#d9c8ad;font-family:Georgia,"Songti SC",serif}.theme-terminal{--page-bg:#11140f;--page-fg:#ddffad;--page-accent:#d9ff43;--page-soft:#20291d;font-family:Consolas,"Microsoft YaHei",monospace}.theme-soft{--page-bg:#fff7e6;--page-fg:#1e1849;--page-accent:#ffd633;--page-soft:#ffbfd2;font-family:Arial,"PingFang SC",sans-serif}
.with-gaps .page-element{margin:9px 2%;overflow:hidden}.with-gaps.theme-minimal .page-element{border:1px solid currentColor}.with-gaps.theme-editorial .page-element{border-top:1px solid currentColor}.with-gaps.theme-terminal .page-element{border:1px solid #667d51}.with-gaps.theme-soft .page-element{border:2px solid;border-radius:18px;box-shadow:5px 5px 0 #6757e8}
/* canvas elements */
.b-nav{min-height:68px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor}.b-nav>b{font-size:13px;letter-spacing:-.03em}.b-nav div{display:flex;gap:24px;font-size:8px}.theme-editorial .b-nav{border:0}.theme-terminal .b-nav>b::before{content:"> "}.theme-soft .b-nav{margin:10px 2%;min-height:55px;border:2px solid;border-radius:99px;background:#fff}.b-hero{min-height:430px;padding:8% 7%;display:grid;align-content:center}.b-hero>span,.block-kicker{font:700 8px Consolas,monospace;letter-spacing:.13em}.b-hero h2{max-width:800px;margin:12px 0 18px;font-size:var(--hero-title-size,clamp(48px,7vw,102px));line-height:.9;letter-spacing:-.07em}.b-hero p{max-width:520px;margin:0;color:color-mix(in srgb,var(--page-fg) 65%,transparent);font-size:11px;line-height:1.7}.b-button{display:inline-block;width:max-content;margin-top:22px;padding:10px 14px;border:1px solid currentColor;background:var(--page-accent);color:#141510;font-size:8px;font-weight:900}.theme-editorial .b-hero h2{font-weight:400;line-height:1.02;letter-spacing:-.045em}.theme-editorial .b-button{padding-left:0;border:0;border-bottom:1px solid;background:transparent;color:inherit}.theme-terminal .b-hero h2{font-size:var(--hero-title-size,clamp(42px,6vw,84px));letter-spacing:-.035em}.theme-soft .b-hero{transform:rotate(-1deg)}.theme-soft .b-hero h2{font-weight:950}.theme-soft .b-button{border:2px solid;border-radius:99px;box-shadow:3px 3px 0 currentColor}
.block-section{padding:65px 6%}.block-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.block-head h2{margin:8px 0 0;font-size:32px;letter-spacing:-.045em}.block-head a{font-size:8px;border-bottom:1px solid}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{min-width:0}.project-image{height:190px;display:grid;place-items:center;background:var(--page-soft);font-size:35px}.project-card h3{margin:12px 0 5px;font-size:12px}.project-card p{margin:0;color:color-mix(in srgb,var(--page-fg) 60%,transparent);font-size:8px}.theme-editorial .project-grid{grid-template-columns:1.2fr .8fr .8fr}.theme-editorial .project-card:first-child .project-image{height:250px}.theme-terminal .project-image{border:1px solid #62764e}.theme-soft .project-card:nth-child(2){transform:translateY(20px)}.theme-soft .project-image{border:2px solid;border-radius:20px 20px 5px 20px;box-shadow:5px 5px 0 #6757e8}
.blog-list{border-top:1px solid}.article-row{display:grid;grid-template-columns:75px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid;font-size:9px}.article-row span{font:8px Consolas,monospace}.article-row b{font-size:12px}.article-row em{font-style:normal;opacity:.55;font-size:8px}
.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:150px 150px;gap:9px}.gallery-grid div{display:grid;place-items:center;background:var(--page-soft);font-size:25px}.gallery-grid div:first-child{grid-row:1/3}.gallery-grid div:nth-child(4){grid-column:2/4}.theme-soft .gallery-grid div{border:2px solid;border-radius:14px}.theme-terminal .gallery-grid div{border:1px solid #62764e}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid}.stat{padding:24px 6%;border-right:1px solid}.stat:last-child{border:0}.stat b{display:block;font-size:30px}.stat small{font-size:8px;opacity:.65}.theme-soft .stats-row{margin:20px 2%;border:2px solid;border-radius:15px;overflow:hidden;background:#fff}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.member-face{aspect-ratio:1;background:var(--page-soft);display:grid;place-items:center;border-radius:50%;font-size:25px}.member h3{margin:10px 0 3px;font-size:10px}.member p{margin:0;font-size:8px;opacity:.6}.theme-terminal .member-face{border-radius:0;border:1px solid #62764e}.theme-soft .member-face{border:2px solid;box-shadow:4px 4px 0 #6757e8}
.timeline{border-left:1px solid;margin-left:5px}.time-row{display:grid;grid-template-columns:70px 1fr;gap:20px;position:relative;padding:0 0 28px 20px}.time-row::before{content:"";position:absolute;left:-4px;top:2px;width:7px;height:7px;border-radius:50%;background:var(--page-accent);border:1px solid currentColor}.time-row span{font:8px Consolas,monospace}.time-row b{font-size:11px}.time-row p{margin:5px 0 0;font-size:8px;opacity:.6}
.forum-block{display:grid;grid-template-columns:165px 1fr;min-height:420px;border-block:1px solid}.forum-nav{padding:30px 20px;border-right:1px solid;background:var(--page-soft)}.forum-nav b{display:block;margin-bottom:25px}.forum-nav span{display:block;padding:8px 0;font-size:8px}.forum-content{padding:35px 5%}.forum-content h2{font-size:38px;letter-spacing:-.05em}.forum-topic{display:grid;grid-template-columns:25px 1fr auto;gap:12px;padding:15px 0;border-top:1px solid;font-size:9px}.forum-topic span,.forum-topic em{font:8px Consolas,monospace;font-style:normal;opacity:.6}.theme-soft .forum-block{margin:15px 2%;border:2px solid;border-radius:18px;overflow:hidden}.theme-terminal .forum-nav{background:#182016}
.notice-block{padding:18px 5%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:var(--notice-bg,var(--page-accent));color:var(--notice-fg,#141510)}.notice-block>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-weight:900}.notice-block b{font-size:10px}.notice-block a{font-size:8px;border-bottom:1px solid}
.notice-block button{border:0;border-bottom:1px solid;background:transparent;color:inherit;font:inherit;font-size:8px;cursor:pointer}.link-card{background:transparent;color:inherit;font:inherit;cursor:pointer}
.links-block{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:35px 5%}.link-card{padding:18px;border:1px solid;display:flex;justify-content:space-between;font-size:9px}.theme-soft .link-card{border:2px solid;border-radius:12px;background:#fff}.theme-terminal .link-card{border-color:#62764e}
.cta-block{min-height:270px;padding:55px 7%;display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--page-accent);color:#141510}.cta-block h2{max-width:700px;margin:0;font-size:clamp(32px,5vw,66px);line-height:1;letter-spacing:-.055em}.cta-block button{flex:0 0 auto;padding:13px 17px;border:1px solid;background:#141510;color:white;font-size:9px}.theme-editorial .cta-block{background:transparent;color:inherit;border-block:1px solid}.theme-soft .cta-block{margin:15px 2%;border:2px solid;border-radius:20px}.b-footer{padding:28px 5%;display:flex;justify-content:space-between;align-items:end;border-top:1px solid}.b-footer b{font-size:12px}.b-footer div{display:flex;gap:20px;font-size:8px}.b-footer small{font-size:7px;opacity:.55}
.toast{position:fixed;z-index:50;left:50%;bottom:22px;transform:translateX(-50%);width:min(450px,calc(100% - 30px));padding:13px 40px 13px 14px;border-radius:7px;background:#171814;color:white;box-shadow:0 10px 30px #0003;font-size:9px}.toast button{position:absolute;right:9px;top:5px;border:0;background:transparent;color:white;font-size:20px}
@media(max-width:900px){:root{--sidebar:315px}.page-actions .live-state{display:none}.element-grid{grid-template-columns:1fr}.element-card.wide{grid-column:auto}.project-image{height:140px}.canvas-content{min-width:430px}.page-control{gap:7px}.pages-label{display:none}}
@media(max-width:680px){body{overflow:auto}.app-shell{height:auto;grid-template-columns:1fr}.sidebar{height:auto;min-height:100vh;grid-template-rows:60px 49px auto 70px}.sidebar-body{overflow:visible}.element-grid{grid-template-columns:1fr 1fr}.workspace{height:100vh}.page-control{position:sticky;top:0}.canvas-content{min-width:0}.page-actions{display:none}}

/* drag targets and interactive preview */
.is-dragging .insert-zone{height:30px}.is-dragging .insert-zone::after{background:#d2d4ca}.is-dragging .insert-zone.active{height:42px;background:#f4f8e7}.is-dragging .insert-zone.active::after{background:#8bb000}.is-dragging .canvas-content{box-shadow:inset 0 0 0 2px #a8c934}.is-dragging .page-element{outline:1px dashed #bec0b7;outline-offset:-1px}
.b-nav div{gap:8px}.b-nav button,.b-footer button{padding:7px 9px;border:0;background:transparent;color:inherit;font-size:8px}.b-nav button:hover,.b-nav button.active,.b-footer button:hover{text-decoration:underline;text-underline-offset:4px}
.project-card,.member{border:0;background:transparent;color:inherit;text-align:left}.project-card:hover .project-image,.member:hover .member-face{filter:brightness(.94)}
.article-row,.forum-topic{width:100%;border-left:0;border-right:0;background:transparent;color:inherit;text-align:left}.article-row:hover,.forum-topic:hover{padding-left:8px}
.gallery-grid button{display:grid;place-items:center;border:0;background:var(--page-soft);color:inherit;font-size:25px}.gallery-grid button:hover{filter:brightness(.94)}.gallery-grid button:first-child{grid-row:1/3}.gallery-grid button:nth-child(4){grid-column:2/4}.theme-soft .gallery-grid button{border:2px solid;border-radius:14px}.theme-terminal .gallery-grid button{border:1px solid #62764e}.gallery-grid div{display:none}
.b-footer div{align-items:center;gap:10px}.runtime-badge{padding:3px 6px;border:1px solid #d5d6cf;border-radius:99px;background:white;color:#999;font-size:7px;font-weight:400}
.preview-modal{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:#11130f55;backdrop-filter:blur(3px)}.preview-dialog{width:min(520px,100%);max-height:min(650px,90vh);overflow:auto;border:1px solid #cfd0c9;border-radius:10px;background:white;color:#151610;box-shadow:0 20px 70px #0003}.preview-dialog header{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e4de}.preview-dialog header span{font:700 8px Consolas,monospace;letter-spacing:.1em}.preview-dialog header button{border:0;background:transparent;font-size:20px}.modal-body{padding:22px}.modal-body h2{margin:0 0 12px;font-size:25px;letter-spacing:-.04em}.modal-body p{color:#696b64;font-size:10px;line-height:1.7}.runtime-form{display:grid;gap:10px;margin-top:18px}.runtime-form input,.runtime-form textarea{width:100%;padding:11px;border:1px solid #d1d2cb;border-radius:6px;background:#fafaf7;font-size:10px;resize:none}.runtime-form button,.modal-action{width:100%;padding:11px;border:0;border-radius:6px;background:#151610;color:white;font-size:9px;font-weight:800}.reply-list{margin-top:18px;border-top:1px solid #e2e3dc}.reply{padding:13px 0;border-bottom:1px solid #e2e3dc}.reply b{display:block;font-size:9px}.reply p{margin:5px 0 0}.event-action{margin-top:8px;padding:6px 9px;border:1px solid;background:transparent;color:inherit;font-size:8px}.gallery-detail{display:grid;place-items:center;min-height:260px;margin:14px 0;border-radius:8px;background:linear-gradient(135deg,#d9ff43,#28351d);color:#fff}.gallery-detail-2{background:linear-gradient(135deg,#ffad7b,#6658d3)}.gallery-detail-3{background:linear-gradient(135deg,#5ac8fa,#0c445e)}.gallery-detail-4{background:linear-gradient(135deg,#e4dbff,#6838a5)}.gallery-detail b{font:700 50px Consolas,monospace}.runtime-form button:disabled{opacity:.55;cursor:wait}
.block-tools{right:14px;top:14px;gap:7px}.block-tools button{height:40px;min-width:58px;padding:0 13px;border-radius:7px;font-size:10px;font-weight:800}.block-tools .edit-block{background:#151610;color:white;border-color:#151610}.block-tools .edit-block:disabled{min-width:132px;background:#f2f2ed;color:#96978f;border-color:#d1d2cb;cursor:not-allowed}.block-tools .drag-handle{cursor:grab}.element-context{position:fixed;z-index:80;width:145px;padding:6px;border:1px solid #cfd0c9;border-radius:8px;background:white;box-shadow:0 12px 35px #0002}.element-context button{width:100%;padding:10px;border:0;border-radius:5px;background:white;text-align:left;font-size:9px}.element-context button:hover{background:#f1f2ec}.element-context button:disabled{color:#aaa;cursor:not-allowed}.element-context button:last-child{color:#a4332a}.edit-help{margin:-4px 0 5px;color:#999;font-size:8px}.ai-provider{padding:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d8d9d2;border-radius:8px;background:#fafaf7}.ai-provider>div{display:flex;align-items:center;gap:9px}.ai-provider i{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#151610;color:#d9ff43;font-style:normal}.ai-provider span b,.ai-provider span small{display:block}.ai-provider span b{font-size:10px}.ai-provider span small{margin-top:3px;color:#999;font-size:7px}.ai-provider em{padding:4px 7px;border-radius:99px;background:#eee;color:#666;font-size:7px;font-style:normal}.ai-provider em.ready{background:#eaf3e3;color:#47772b}.ai-provider em.error{background:#fff0ef;color:#9c3028}.ai-permissions{margin-top:14px;border:1px solid #d8d9d2;border-radius:8px;background:#fff}.ai-permissions>header{padding:10px 11px;display:flex;justify-content:space-between;border-bottom:1px solid #ecece7}.ai-permissions>header b{font-size:8px}.ai-permissions>header small{color:#aaa;font:7px Consolas,monospace}.ai-permissions label{position:relative;min-height:54px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecece7}.ai-permissions label:last-child{border-bottom:0}.ai-permissions label span b,.ai-permissions label span small{display:block}.ai-permissions label span b{font-size:8px}.ai-permissions label span small{margin-top:4px;color:#999;font-size:7px}.ai-permissions input{position:absolute;opacity:0}.ai-permissions label>i{position:relative;width:31px;height:18px;border-radius:99px;background:#d8d9d3}.ai-permissions label>i:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #0003;transition:.15s}.ai-permissions input:checked+i{background:#151610}.ai-permissions input:checked+i:after{transform:translateX(13px)}.ai-prompt{margin-top:18px}.ai-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:-5px}.ai-examples button{padding:6px 8px;border:1px solid #d8d9d2;border-radius:99px;background:white;color:#777;font-size:7px}.ai-run{width:100%;margin-top:15px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:0;border-radius:7px;background:#151610;color:white;text-align:left}.ai-run span,.ai-run em{color:#d9ff43}.ai-run b{margin-left:9px;font-size:9px}.ai-run em{font-style:normal}.ai-run:disabled{opacity:.55;cursor:wait}.ai-note{margin:11px 2px 0;color:#999;font-size:7px;line-height:1.55}.ai-result{margin-top:12px;padding:11px;border:1px solid #cfe1a4;border-radius:7px;background:#f5f9e9;color:#5c711c;font-size:8px;line-height:1.5}.ai-result.error{border-color:#efc6c2;background:#fff0ef;color:#9c3028}.ai-proposal{margin-top:14px;padding:12px;border:1px solid #20211d;border-radius:8px;background:#f8f8f4}.ai-proposal>header{display:flex;align-items:flex-start;justify-content:space-between}.ai-proposal>header small,.ai-proposal>header b{display:block}.ai-proposal>header small{color:#999;font:7px Consolas,monospace}.ai-proposal>header b{margin-top:5px;font-size:11px}.ai-proposal>header span{padding:4px 7px;border-radius:99px;background:#eaf3e3;color:#47772b;font:700 7px Consolas,monospace}.ai-proposal>header span.medium{background:#fff5d5;color:#8a6511}.ai-proposal>header span.high{background:#ffe4e1;color:#9c3028}.ai-proposal>p{margin:12px 0;color:#666;font-size:8px;line-height:1.6}.ai-change-list{display:grid;gap:6px}.ai-change{padding:8px;border-left:2px solid #151610;background:white;font-size:8px;line-height:1.45}.ai-diff-list details{margin-top:7px;border:1px solid #ddd;border-radius:6px;background:white}.ai-diff-list summary{padding:8px;cursor:pointer;font-size:8px;font-weight:800}.ai-diff-list pre{max-height:240px;margin:0;padding:9px;overflow:auto;border-top:1px solid #eee;background:#171814;color:#d9ff43;font:7px/1.55 Consolas,monospace;white-space:pre-wrap}.ai-proposal-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:7px;margin-top:12px}.ai-proposal-actions button,.ai-undo{padding:10px;border:1px solid #151610;border-radius:6px;background:white;font-size:8px;font-weight:800}.ai-proposal-actions button:last-child{background:#151610;color:white}.ai-proposal-actions button:disabled{opacity:.55}.ai-undo{width:100%;margin-top:9px;border-color:#aaa;color:#555}.modal-action{display:block;text-align:center;text-decoration:none}
.page-element[data-element-type="nav"] .b-nav,.page-element[data-element-type="footer"] .b-footer{padding-right:225px}

/* account login preset */
.v-account{padding:9px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px}.v-account span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#222;color:white;font:7px Consolas,monospace}.v-account b{height:18px;border:1px solid #bbb;background:#fff}
.account-block{min-height:320px;padding:55px 7%;display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,390px);align-items:center;gap:28px;border-block:1px solid}.account-copy h2{margin:10px 0 12px;font-size:clamp(34px,5vw,62px);line-height:.95;letter-spacing:-.055em}.account-copy p{max-width:520px;margin:0;font-size:10px;line-height:1.7;opacity:.65}.account-panel{min-height:170px;padding:28px;display:flex;align-items:center;gap:16px;border:1px solid;background:var(--page-soft)}.account-panel>div{flex:1}.account-panel small,.account-panel b{display:block}.account-panel small{margin-bottom:7px;font-size:8px;opacity:.6}.account-panel b{font-size:22px}.account-panel button{padding:11px 14px;border:1px solid;background:var(--page-accent);color:#141510;font-size:8px;font-weight:900}.account-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--page-accent);color:#141510;font-size:17px;font-weight:900}.theme-terminal .account-panel{border-color:#62764e;background:#182016}.theme-soft .account-block{margin:15px 2%;border:2px solid;border-radius:20px}.theme-soft .account-panel{border:2px solid;border-radius:16px;background:white;box-shadow:5px 5px 0 #6757e8}
@media(max-width:680px){.account-block{grid-template-columns:1fr;gap:28px}.account-panel{min-width:0}}
.toast{left:auto;right:22px;transform:none;width:min(360px,calc(100% - 30px))}

/* hierarchical page management */
.page-tree-panel{min-height:100%;padding:23px 14px 35px;background:#fafaf7}.page-tree-panel>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;padding:0 4px 14px;border-bottom:1px solid var(--line)}.page-tree-panel>header span,.page-tree-panel>header b,.page-tree-panel>header small{display:block}.page-tree-panel>header span{margin-bottom:8px;color:#aaa;font:700 7px Consolas,monospace;letter-spacing:.12em}.page-tree-panel>header b{font-size:18px}.page-tree-panel>header small{margin-top:4px;color:#aaa;font-size:8px}.page-tree-panel>header button{padding:7px 9px;border:1px solid #d7d8d1;border-radius:5px;background:white;font-size:8px}.page-tree-branch{display:block}.page-tree-node{min-height:36px;padding-left:calc(var(--depth) * 15px);display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;border-radius:5px}.page-tree-node:hover{background:#eff0eb}.page-tree-node.active{background:#171814;color:white}.page-tree-select{min-width:0;height:36px;padding:0 7px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;text-align:left}.page-tree-select span{width:12px;flex:0 0 auto;color:#979990;font-size:8px}.page-tree-select b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.tree-add-child,.tree-delete{width:26px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font-size:11px;opacity:.4}.page-tree-node:hover .tree-add-child,.page-tree-node:hover .tree-delete{opacity:1}.tree-delete{color:#bb4b42}.workspace-page-title{display:flex;align-items:center;gap:12px;min-width:0}.workspace-page-title span{font:700 8px Consolas,monospace;letter-spacing:.1em;color:#999}.workspace-page-title b{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.path-input i{white-space:nowrap}.path-input input{min-width:80px}

/* in-canvas editing */
.page-element.editing{outline:2px solid #1a1b17;outline-offset:-2px}.page-element.editing>.block-tools{display:none!important}.inline-editor{position:relative;z-index:8;margin:0;padding:18px 20px 20px;border-bottom:1px solid #ced0c7;background:#f7f8f3;color:#171814;font-family:Arial,"PingFang SC",sans-serif}.inline-editor>header,.inline-item-editor>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.inline-editor>header small,.inline-editor>header b{display:block}.inline-editor>header small{margin-bottom:3px;color:#92948b;font:7px Consolas,monospace;letter-spacing:.12em}.inline-editor>header b{font-size:10px}.inline-editor>header button,.inline-item-editor>header button{padding:8px 11px;border:0;border-radius:5px;background:#171814;color:white;font-size:8px;font-weight:800}.inline-fields{margin-top:15px;display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:8px}.inline-fields label,.inline-item-editor label{display:grid;gap:5px;color:#6e7068;font-size:7px;font-weight:800}.inline-fields input,.inline-fields textarea,.inline-item-editor input,.inline-item-editor textarea{width:100%;padding:9px;border:1px solid #cfd1c8;border-radius:5px;background:white;color:#171814;font-size:9px;resize:vertical;outline:0}.inline-fields input:focus,.inline-fields textarea:focus,.inline-item-editor input:focus,.inline-item-editor textarea:focus{border-color:#171814;box-shadow:0 0 0 2px #e5e6df}.inline-page-chooser{margin-top:14px;padding:12px;border:1px solid #d5d7ce;background:white}.inline-page-chooser>b{display:block;margin-bottom:8px;font-size:8px}.inline-page-chooser label{padding:6px 5px 6px calc(5px + var(--depth) * 14px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border-top:1px solid #efefe9;font-size:8px}.inline-page-chooser label:first-of-type{border-top:0}.inline-page-chooser small{color:#999;font-size:7px}.inline-tip{margin:12px 0 0;color:#777;font-size:8px}.inline-item-editor{margin-top:12px;padding:14px;border:1px solid #bfc1b8;background:white}.inline-item-editor>header{margin-bottom:12px}.inline-item-editor>label{margin-top:8px}.inline-upload{width:max-content;padding:8px 10px;border:1px dashed #aaa;border-radius:5px;background:#f7f8f3;cursor:pointer}.inline-upload input{display:none}.inline-danger{margin-top:12px;padding:8px;border:1px solid #e1b7b3;border-radius:5px;background:#fff3f1;color:#a33b32;font-size:8px}.item-editable{outline:1px dashed #899071!important;outline-offset:-2px}.item-editable:hover{outline:2px solid #171814!important}.collection-add{border-style:dashed!important;color:#71736b!important}.block-link{font-size:8px;border-bottom:1px solid}

/* real collection and detail pages */
.project-image{overflow:hidden}.project-image img{width:100%;height:100%;display:block;object-fit:cover}.project-image>span{display:grid;place-items:center;width:100%;height:100%;background:transparent}.detail-block{max-width:980px;margin:0 auto;padding:65px 7% 90px}.detail-back{margin-bottom:55px;padding:8px 0;border:0;border-bottom:1px solid;background:transparent;color:inherit;font-size:8px}.detail-block h1{max-width:850px;margin:12px 0 18px;font-size:var(--detail-title-size,clamp(48px,8vw,105px));line-height:.92;letter-spacing:-.065em}.detail-lead{max-width:650px;margin:0;font-size:13px;line-height:1.7;opacity:.65}.detail-cover{height:min(55vw,520px);margin:45px 0;overflow:hidden;background:var(--page-soft)}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-body{max-width:720px;margin:50px auto 0}.detail-body p{margin:0 0 24px;font-size:14px;line-height:2}.theme-terminal .detail-cover{border:1px solid #62764e}.theme-soft .detail-cover{border:2px solid;border-radius:22px;box-shadow:6px 6px 0 #6757e8}
@media(max-width:900px){.inline-fields{grid-template-columns:1fr 1fr}.inline-fields label:last-child{grid-column:1/-1}.workspace-page-title span{display:none}}
@media(max-width:680px){.sidebar{grid-template-rows:60px 49px auto 70px}.page-tree-panel{min-height:0}.inline-fields{grid-template-columns:1fr}.inline-fields label:last-child{grid-column:auto}.detail-block{padding-inline:6%}}

/* console account */
.sidebar{position:relative}.sidebar-footer{gap:8px}.console-account-wrap{position:relative;min-width:0;flex:1}.sidebar-footer .console-account{width:100%;min-width:0;padding:6px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #dedfd8;border-radius:7px;background:#fafaf7;color:#171814;text-align:left}.sidebar-footer .console-account:hover,.sidebar-footer .console-account[aria-expanded="true"]{border-color:#aeb0a7;background:white}.console-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#171814;color:white;font:800 10px Consolas,monospace}.console-user{min-width:0}.console-user b,.console-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-user b{font-size:9px}.console-user small{margin-top:3px;color:#979990;font-size:7px}.console-account em{color:#92948b;font-size:8px;font-style:normal}.console-account-menu{position:absolute;z-index:90;left:0;bottom:48px;width:230px;padding:10px;border:1px solid #caccc3;border-radius:9px;background:white;box-shadow:0 16px 45px #1113}.console-account-menu header{padding:5px 5px 11px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e6e7e1}.console-account-menu header b,.console-account-menu header small{display:block}.console-account-menu header b{font-size:10px}.console-account-menu header small{margin-top:3px;color:#777;font-size:7px}.console-account-menu header i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#71b63b}.console-account-menu dl{margin:8px 0}.console-account-menu dl>div{padding:6px 5px;display:flex;justify-content:space-between;gap:15px}.console-account-menu dt,.console-account-menu dd{margin:0;font-size:8px}.console-account-menu dt{color:#999}.console-account-menu dd{font-family:Consolas,monospace}.sidebar-footer .console-account-menu>button{width:100%;min-width:0;padding:8px;display:block;border:0;border-radius:5px;background:#f0f1eb;color:#8b8d84;font-size:8px}.sidebar-footer>#publishBtn{flex:0 0 86px}
.sidebar-footer .console-avatar{color:white}.sidebar-footer .console-user{color:#171814}

/* published forum application */
.forum-page{min-height:100vh;background:var(--page-bg);color:var(--page-fg)}.forum-page-loading{min-height:100vh;display:grid;place-items:center;font:700 12px Consolas,monospace;letter-spacing:.12em}.forum-page-header{min-height:76px;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:160px 1fr 220px;align-items:center;border-bottom:1px solid currentColor}.forum-page-header>button{width:max-content;padding:8px 0;border:0;border-bottom:1px solid;background:transparent;color:inherit;font-size:9px}.forum-page-header>a{justify-self:center;display:grid;text-align:center}.forum-page-header>a b{font-size:15px;letter-spacing:-.04em}.forum-page-header>a span{margin-top:3px;opacity:.55;font:7px Consolas,monospace;letter-spacing:.14em}.forum-login{justify-self:end;padding:11px 14px;border:1px solid;background:var(--page-accent);color:#141510;font-size:9px;font-weight:900}.forum-account{justify-self:end;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.forum-account>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--page-accent);color:#141510;font-weight:900}.forum-account small,.forum-account b{display:block}.forum-account small{font-size:7px;opacity:.55}.forum-account b{margin-top:2px;font-size:10px}.forum-account button{padding:6px;border:0;border-bottom:1px solid;background:transparent;color:inherit;font-size:8px}.forum-layout{min-height:calc(100vh - 76px);display:grid;grid-template-columns:230px minmax(0,1fr)}.forum-layout>aside{padding:48px 28px;border-right:1px solid currentColor;display:flex;flex-direction:column;gap:4px}.forum-layout>aside>b{margin-bottom:25px;font-size:19px}.forum-layout>aside>a,.forum-layout>aside>span{padding:11px 12px;font-size:9px}.forum-layout>aside>span{opacity:.48}.forum-layout>aside>a.active{background:var(--page-fg);color:var(--page-bg);font-weight:800}.forum-layout>aside>button{margin-top:26px;padding:12px;border:1px solid;background:var(--page-accent);color:#141510;font-size:9px;font-weight:900}.forum-main{min-width:0;padding:clamp(42px,7vw,90px) clamp(28px,8vw,120px) 100px}.forum-main-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.forum-main-head span,.forum-editor-page>span,.forum-auth-gate>span,.forum-thread-page>span{font:700 8px Consolas,monospace;letter-spacing:.14em}.forum-main-head h1,.forum-editor-page h1,.forum-auth-gate h1,.forum-thread-page h1{margin:10px 0 12px;font-size:clamp(42px,6vw,82px);line-height:.94;letter-spacing:-.065em}.forum-main-head p,.forum-editor-page>p,.forum-auth-gate>p{margin:0;max-width:620px;font-size:11px;line-height:1.8;opacity:.6}.forum-main-head>button{flex:0 0 auto;padding:13px 17px;border:1px solid;background:var(--page-fg);color:var(--page-bg);font-size:9px;font-weight:900}.forum-page-list{border-top:1px solid}.forum-page-topic{padding:24px 4px;display:grid;grid-template-columns:38px minmax(0,1fr) 25px;align-items:start;gap:18px;border-bottom:1px solid;transition:.16s}.forum-page-topic:hover{padding-left:13px;background:color-mix(in srgb,var(--page-soft) 46%,transparent)}.forum-page-topic>span,.forum-page-topic>em{font:8px Consolas,monospace;font-style:normal;opacity:.55}.forum-page-topic>em{justify-self:end}.forum-page-topic b{font-size:16px;letter-spacing:-.025em}.forum-page-topic p{max-width:700px;margin:8px 0;color:color-mix(in srgb,var(--page-fg) 62%,transparent);font-size:10px;line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-page-topic small{font-size:8px;opacity:.5}.forum-empty{padding:50px 0;border-bottom:1px solid}.forum-empty b{font-size:15px}.forum-empty p{margin:8px 0 0;font-size:9px;opacity:.55}.forum-editor-page,.forum-auth-gate,.forum-thread-page{max-width:900px}.forum-editor-page>a,.forum-auth-gate>a,.forum-thread-page>a{display:block;width:max-content;margin-bottom:55px;padding-bottom:5px;border-bottom:1px solid;font-size:9px}.forum-page-form{margin-top:50px;display:grid;gap:22px}.forum-page-form label{display:grid;gap:9px;font-size:9px;font-weight:800}.forum-page-form input,.forum-page-form textarea{width:100%;padding:16px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font-size:12px;line-height:1.7;outline:0;resize:vertical}.forum-page-form input:focus,.forum-page-form textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent) 75%,transparent)}.forum-page-form>button,.forum-auth-gate>button,.forum-reply-login>button{width:max-content;padding:14px 20px;border:1px solid;background:var(--page-accent);color:#141510;font-size:9px;font-weight:900}.forum-auth-gate>button{margin-top:30px}.forum-thread-body{margin:32px 0 60px;padding:28px 0;border-block:1px solid;font-size:14px;line-height:2;white-space:pre-wrap}.forum-replies{margin-top:40px}.forum-replies>header{padding-bottom:13px;border-bottom:1px solid}.forum-replies>header b{font-size:11px}.forum-replies>article{padding:24px 0;display:grid;grid-template-columns:36px 1fr;gap:16px;border-bottom:1px solid}.forum-replies>article>span{font:8px Consolas,monospace;opacity:.5}.forum-replies>article b{font-size:10px}.forum-replies>article p{margin:7px 0 0;font-size:11px;line-height:1.8;white-space:pre-wrap}.forum-reply-form{margin-top:55px}.forum-reply-login{margin-top:45px;padding:28px;border:1px solid;display:flex;align-items:center;justify-content:space-between}.forum-reply-login p{margin:0;font-size:11px}.theme-terminal .forum-page-topic:hover{background:#182016}.theme-soft .forum-page-header,.theme-soft .forum-layout>aside{border-width:2px}.theme-soft .forum-page-topic{margin-top:10px;padding:22px;border:2px solid;border-radius:15px;background:#fff;box-shadow:4px 4px 0 #6757e8}.theme-soft .forum-page-list{border:0}.theme-soft .forum-page-topic:hover{padding-left:28px}.theme-soft .forum-page-form input,.theme-soft .forum-page-form textarea,.theme-soft .forum-reply-login{border-width:2px;border-radius:14px;background:#fff}
@media(max-width:760px){.forum-page-header{padding:12px 18px;grid-template-columns:1fr auto;gap:12px}.forum-page-header>button{display:none}.forum-page-header>a{justify-self:start;text-align:left}.forum-account{grid-template-columns:30px auto}.forum-account>span{width:30px;height:30px}.forum-account>div{display:none}.forum-layout{grid-template-columns:1fr}.forum-layout>aside{padding:12px 18px;border-right:0;border-bottom:1px solid;display:grid;grid-template-columns:1fr auto}.forum-layout>aside>b,.forum-layout>aside>span{display:none}.forum-layout>aside>a,.forum-layout>aside>button{margin:0}.forum-main{padding:45px 20px 80px}.forum-main-head{align-items:start;flex-direction:column}.forum-main-head>button{width:100%}.forum-page-topic{grid-template-columns:28px minmax(0,1fr) 18px;gap:10px}.forum-page-topic b{font-size:13px}.forum-editor-page>a,.forum-auth-gate>a,.forum-thread-page>a{margin-bottom:40px}.forum-reply-login{align-items:flex-start;flex-direction:column;gap:18px}}

/* direct on-canvas text editing */
.direct-edit{display:inline-block;min-width:.75em;min-height:1em;padding:1px 3px;margin:-1px -3px;border-radius:3px;outline:1px dashed color-mix(in srgb,currentColor 45%,transparent);outline-offset:2px;cursor:text;white-space:pre-wrap;transition:background .12s,outline-color .12s}.direct-edit:hover{background:color-mix(in srgb,var(--page-accent) 24%,transparent);outline-color:currentColor}.direct-edit:focus{background:color-mix(in srgb,var(--page-accent) 38%,var(--page-bg));outline:2px solid var(--page-accent);outline-offset:3px}.direct-edit:empty::before{content:attr(data-placeholder);opacity:.38}.direct-block{display:block;width:100%;min-height:180px;padding:18px;margin:0}.detail-body.direct-block{max-width:720px;margin:50px auto 0}.page-element.editing button:has(.direct-edit),.page-element.editing .direct-edit{user-select:text}.page-element.editing button:has(.direct-edit){cursor:default}.page-element.editing .project-image,.page-element.editing .detail-cover{cursor:pointer}.direct-editor-dock{border-top:1px solid #ced0c7;border-bottom:0}.direct-editor-dock>header small{color:#6f8b00}.direct-editor-dock .inline-item-editor header>div small{display:block;margin-top:4px;color:#92948b;font-size:7px}.direct-editor-dock .inline-fields:empty{display:none}.page-element[data-element-type="nav"].editing .b-nav,.page-element[data-element-type="footer"].editing .b-footer{padding-right:5%}.page-element[data-element-type="nav"].editing .b-nav{padding-top:10px;padding-bottom:10px}.page-element[data-element-type="footer"].editing .b-footer{align-items:center}.theme-terminal .direct-edit:focus{color:#111;background:var(--page-accent)}.theme-soft .direct-edit{border-radius:7px}
@media(max-width:680px){.direct-edit{outline-offset:1px}.direct-block{padding:12px}.direct-editor-dock{padding-inline:12px}}

/* large direct-edit completion action */
.direct-editor-dock>header>button[data-editor-action="done"]{min-width:150px;min-height:50px;padding:0 24px;border:2px solid #171814;border-radius:8px;background:#171814;color:#fff;font-size:12px;font-weight:900;box-shadow:0 5px 0 #c9d09c}.direct-editor-dock>header>button[data-editor-action="done"]:hover{transform:translateY(-1px);box-shadow:0 7px 0 #c9d09c}.direct-editor-dock>header>button[data-editor-action="done"]:active{transform:translateY(3px);box-shadow:0 2px 0 #c9d09c}
@media(max-width:680px){.direct-editor-dock>header{align-items:stretch;flex-direction:column}.direct-editor-dock>header>button[data-editor-action="done"]{width:100%;min-height:52px}}

/* console workflow controls */
.save-state.saving{color:#8a6b18}.save-state.saving i{background:#e3aa29;box-shadow:0 0 0 3px #fff1c9;animation:savePulse .8s ease-in-out infinite alternate}@keyframes savePulse{to{opacity:.35}}
.workspace-page-title small{max-width:210px;padding-left:12px;border-left:1px solid #d8d9d2;color:#999;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-actions{min-width:0}.history-actions,.device-switch,.zoom-control{height:32px;display:flex;align-items:center;border:1px solid #d5d6cf;border-radius:7px;background:white;overflow:hidden}.history-actions button,.device-switch button,.zoom-control button{height:100%;padding:0 9px;border:0;border-right:1px solid #e4e5df;background:white;color:#777;font-size:8px}.history-actions button:last-child,.device-switch button:last-child,.zoom-control button:last-child{border-right:0}.history-actions button{font-size:14px}.history-actions button:disabled{color:#ccc;cursor:not-allowed}.device-switch button.active{background:#171814;color:white;font-weight:800}.zoom-control span{min-width:42px;text-align:center;color:#777;font:8px Consolas,monospace}.zoom-control button{font-size:13px}.page-actions>#clearPageBtn,.page-actions>.preview-button{height:32px}.page-tree-node{grid-template-columns:minmax(0,1fr) 28px 28px 28px}.tree-add-child,.tree-duplicate,.tree-delete{width:26px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font-size:11px;opacity:.35}.page-tree-node:hover .tree-add-child,.page-tree-node:hover .tree-duplicate,.page-tree-node:hover .tree-delete{opacity:1}.tree-duplicate:hover,.tree-add-child:hover{background:#fff2}.site-canvas[data-preview-device="tablet"],.site-canvas[data-preview-device="mobile"]{min-height:calc(100% - 54px);margin:27px auto;box-shadow:0 18px 55px #25261f20}.site-canvas[data-preview-device="tablet"] .project-grid,.site-canvas[data-preview-device="tablet"] .team-grid{grid-template-columns:repeat(2,1fr)}.site-canvas[data-preview-device="mobile"] .b-nav{padding:13px 5%;align-items:flex-start;flex-direction:column;gap:12px}.site-canvas[data-preview-device="mobile"] .b-nav div{width:100%;overflow-x:auto}.site-canvas[data-preview-device="mobile"] .b-hero{min-height:360px;padding:70px 7%}.site-canvas[data-preview-device="mobile"] .b-hero h2{font-size:min(var(--hero-title-size,52px),52px)}.site-canvas[data-preview-device="mobile"] .block-section{padding:48px 6%}.site-canvas[data-preview-device="mobile"] .block-head{align-items:flex-start;flex-direction:column;gap:12px}.site-canvas[data-preview-device="mobile"] .project-grid,.site-canvas[data-preview-device="mobile"] .team-grid{grid-template-columns:1fr}.site-canvas[data-preview-device="mobile"] .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px}.site-canvas[data-preview-device="mobile"] .gallery-grid button:first-child{grid-row:auto}.site-canvas[data-preview-device="mobile"] .gallery-grid button:nth-child(4){grid-column:auto}.site-canvas[data-preview-device="mobile"] .stats-row{grid-template-columns:1fr}.site-canvas[data-preview-device="mobile"] .stat{border-right:0;border-bottom:1px solid}.site-canvas[data-preview-device="mobile"] .forum-block{grid-template-columns:1fr}.site-canvas[data-preview-device="mobile"] .forum-nav{border-right:0;border-bottom:1px solid}.site-canvas[data-preview-device="mobile"] .account-block{grid-template-columns:1fr}.site-canvas[data-preview-device="mobile"] .links-block{grid-template-columns:1fr}.site-canvas[data-preview-device="mobile"] .cta-block{align-items:flex-start;flex-direction:column}.site-canvas[data-preview-device="mobile"] .b-footer{align-items:flex-start;flex-direction:column;gap:18px}
@media(max-width:1250px){.page-actions .live-state{display:none}.workspace-page-title small{display:none}.device-switch button{padding-inline:7px}.zoom-control{display:none}}
@media(max-width:980px){.device-switch{display:none}}

/* persistent console authentication */
.auth-gate{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#eceee7;color:#171814}.auth-gate::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1a1b1810 1px,transparent 1px),linear-gradient(90deg,#1a1b1810 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0009,transparent)}.auth-card{position:relative;width:min(450px,100%);padding:28px;border:1px solid #bfc1b8;border-radius:14px;background:#fff;box-shadow:0 25px 80px #25271f1c}.auth-card>header{display:flex;align-items:center;gap:12px}.auth-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#171814;color:#fff;font-weight:900}.auth-card>header b,.auth-card>header small{display:block}.auth-card>header b{font-size:13px}.auth-card>header small{margin-top:4px;color:#999;font:7px Consolas,monospace;letter-spacing:.12em}.auth-copy{margin:34px 0 22px}.auth-copy>span{color:#94968d;font:700 8px Consolas,monospace;letter-spacing:.15em}.auth-copy h1{margin:8px 0 7px;font-size:30px;letter-spacing:-.055em}.auth-copy p{margin:0;color:#80827a;font-size:10px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:3px;border-radius:8px;background:#eff0eb}.auth-tabs button{padding:10px;border:0;border-radius:6px;background:transparent;color:#92948b;font-size:9px;font-weight:800}.auth-tabs button.active{background:#fff;color:#171814;box-shadow:0 2px 8px #1111}.auth-form{display:grid;gap:12px}.auth-form label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:800}.auth-form input{width:100%;padding:12px;border:1px solid #d3d5cc;border-radius:7px;background:#fafbf7;outline:0;font-size:10px}.auth-form input:focus{border-color:#171814;box-shadow:0 0 0 2px #e9ebe3}.auth-form .invite-input{font-family:Consolas,monospace;letter-spacing:.1em;text-transform:lowercase}.email-input{display:flex;gap:8px}.email-input input{flex:1}.email-input button{flex:0 0 auto;padding:0 14px;border:1px solid #d3d5cc;border-radius:7px;background:#eceee8;color:#696b64;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.email-input button:hover{background:#dfe1d9;color:#171814}.email-input button:disabled{opacity:.45;cursor:not-allowed;background:#eceee8;color:#696b64}.auth-submit{min-height:46px;margin-top:5px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:#171814;color:#fff;font-size:10px;font-weight:800}.auth-submit:hover{background:#2b2d27}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-error{margin:13px 0 0;padding:10px;border-left:3px solid #bd3c2b;background:#fff1ee;color:#9a2f22;font-size:9px;line-height:1.5}.auth-card>footer{margin-top:20px;padding-top:16px;display:flex;align-items:center;gap:8px;border-top:1px solid #e7e8e2;color:#96988f;font-size:8px}.auth-card>footer i{width:6px;height:6px;border-radius:50%;background:#74b33d;box-shadow:0 0 0 3px #edf4e8}
.sidebar-footer .console-account-menu>button+button{margin-top:6px}.sidebar-footer .console-account-menu>#inviteManagerBtn{background:#e9f7ac;color:#171814;font-weight:800}.sidebar-footer .console-account-menu>#consoleAccountAction{color:#555}.sidebar-footer .console-account-menu>.account-logout{background:#fff0ed;color:#a33d2e}.account-settings-form,.invite-manager{display:grid;gap:12px}.account-settings-form label,.invite-generator label{display:grid;gap:6px;font-size:9px;font-weight:800}.account-settings-form input,.invite-generator input{width:100%;padding:11px;border:1px solid #d4d6ce;border-radius:7px;background:#fafbf7;outline:0}.account-settings-form button,.invite-generator button{min-height:42px;border:0;border-radius:7px;background:#171814;color:white;font-weight:800}.invite-manager>p{margin:0;color:#777;font-size:9px;line-height:1.6}.invite-generator{display:grid;grid-template-columns:1fr 120px;align-items:end;gap:10px;padding:12px;border-radius:8px;background:#f1f2ed}.invite-list{max-height:350px;overflow:auto;border-top:1px solid #ddd}.invite-row{padding:11px 2px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid #e7e8e2}.invite-row code{display:block;font-size:10px;font-weight:800;letter-spacing:.06em}.invite-row small{display:block;margin-top:5px;color:#999;font-size:8px}.invite-row button{align-self:center;padding:7px 9px;border:1px solid #d7d8d1;border-radius:6px;background:white;font-size:8px}.invite-row .status{align-self:center;padding:5px 7px;border-radius:99px;background:#eceee7;color:#777;font-size:8px}.invite-row .available{background:#edf6d8;color:#527423}.invite-empty{padding:28px;text-align:center;color:#999;font-size:9px}
@media(max-width:520px){.auth-card{padding:22px}.auth-copy{margin-top:26px}.invite-generator{grid-template-columns:1fr}}

/* isolated account system */
.auth-field{display:block}.auth-field>span{display:block;margin-bottom:6px;font-size:9px;font-weight:800}.auth-field.invalid input{border-color:#b43b2b;background:#fff8f6}.field-error{display:block;margin-top:5px;color:#aa3829;font-size:8px;line-height:1.4}.password-input{position:relative}.password-input input{padding-right:58px}.password-input>button{position:absolute;right:5px;top:5px;bottom:5px;min-width:44px;border:0;border-radius:5px;background:#eceee8;color:#696b64;font-size:8px;font-weight:800}.password-input>button:hover{background:#dfe1d9;color:#171814}.auth-options{margin-top:-2px;display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-options label{display:flex;align-items:center;gap:7px;color:#686a63;font-size:8px}.auth-options input{width:14px;height:14px;margin:0;accent-color:#171814}.auth-options>button{padding:0;border:0;background:transparent;color:#66695f;font-size:8px;text-decoration:underline;text-underline-offset:3px}.password-strength{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:5px}.password-strength i{height:3px;border-radius:5px;background:#dedfd8}.password-strength span{min-width:48px;color:#999;font-size:7px;text-align:right}.password-strength.weak i:first-child{background:#c85742}.password-strength.medium i:nth-child(-n+2){background:#d79b23}.password-strength.strong i{background:#65a831}.password-strength.weak span{color:#b13a2a}.password-strength.medium span{color:#9a6917}.password-strength.strong span{color:#4c8124}.auth-submit.loading span{animation:authArrow .6s ease-in-out infinite alternate}@keyframes authArrow{to{transform:translateX(4px)}}

/* isolated published-site accounts */
.runtime-register{margin-top:16px;padding-top:14px;border-top:1px solid #e2e3dc}.runtime-register summary{cursor:pointer;font-size:9px;font-weight:800}.runtime-register[open] summary{margin-bottom:8px}.site-admin-credential,.site-account-existing{margin:16px 0;padding:16px;border:1px solid #cfd1c8;border-radius:8px;background:#f3f5ed}.site-admin-credential small,.site-admin-credential b,.site-admin-credential code{display:block}.site-admin-credential small{color:#74776e;font-size:8px}.site-admin-credential b{margin-top:12px;font-size:12px}.site-admin-credential code{margin:7px 0 12px;padding:10px;border-radius:5px;background:#171814;color:#d9ff43;font-size:12px;letter-spacing:.06em}.site-admin-credential button,.site-account-existing button{width:100%;padding:10px;border:0;border-radius:6px;background:#171814;color:white;font-size:9px;font-weight:800}.site-admin-credential p{margin-bottom:0!important;font-size:8px!important}.site-account-existing p{margin-top:0!important}.site-account-existing button{background:#fff;color:#171814;border:1px solid #c7c9c0}

/* WordPress-inspired management shell; content remains build-only */
.site-admin{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);background:#f1f2ed;color:#171814;font-family:Inter,Arial,"PingFang SC",sans-serif}.site-admin>aside{min-height:100vh;padding:20px 14px;display:grid;grid-template-rows:auto 1fr auto;background:#171814;color:#f7f7f2}.admin-brand{padding:8px;display:flex;align-items:center;gap:10px}.admin-brand>span{width:35px;height:35px;display:grid;place-items:center;border-radius:7px;background:#d9ff43;color:#171814;font-weight:900}.admin-brand b,.admin-brand small{display:block}.admin-brand b{max-width:150px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-brand small{margin-top:3px;color:#92958c;font:7px Consolas,monospace;letter-spacing:.12em}.site-admin aside nav{margin-top:32px;display:grid;align-content:start;gap:4px}.site-admin aside nav button{padding:11px 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:6px;background:transparent;color:#aeb0a8;text-align:left;font-size:9px;font-weight:800}.site-admin aside nav button i{width:20px;color:#777a71;font-style:normal;text-align:center}.site-admin aside nav button:hover,.site-admin aside nav button.active{background:#292a26;color:#fff}.site-admin aside nav button.active i{color:#d9ff43}.site-admin aside footer{padding:10px 8px;display:grid;gap:8px;border-top:1px solid #343530}.site-admin aside footer a,.site-admin aside footer button{padding:7px 0;border:0;background:transparent;color:#aeb0a8;text-align:left;font-size:8px}.admin-workspace{min-width:0}.admin-workspace>header{height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d9d1;background:#fff}.admin-workspace>header b,.admin-workspace>header small{display:block}.admin-workspace>header b{margin-top:3px;font-size:13px}.admin-workspace>header small{color:#999;font:7px Consolas,monospace;letter-spacing:.12em}.admin-workspace>header>span{padding:7px 9px;border-radius:99px;background:#eef3d5;color:#617122;font-size:8px}.admin-panel{width:min(1150px,calc(100% - 64px));margin:42px auto 90px}.admin-panel>header>span{color:#91938b;font:700 8px Consolas,monospace;letter-spacing:.14em}.admin-panel>header h2{margin:8px 0 8px;font-size:31px;letter-spacing:-.05em}.admin-panel>header p{margin:0 0 30px;color:#73756e;font-size:10px;line-height:1.7}.admin-panel>h3{margin:35px 0 12px;font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-stats>div{padding:22px;border:1px solid #d7d9d1;border-radius:8px;background:#fff}.admin-stats b,.admin-stats span{display:block}.admin-stats b{font:800 30px Consolas,monospace}.admin-stats span{margin-top:8px;color:#7a7c74;font-size:8px}.admin-content-policy{margin-top:25px;padding:27px;border:1px solid #cfd2c5;border-radius:9px;background:#eef3d5}.admin-content-policy>span{font:700 8px Consolas,monospace;letter-spacing:.14em}.admin-content-policy h3{margin:10px 0 7px;font-size:19px}.admin-content-policy p{max-width:720px;margin:0 0 18px;color:#61645a;font-size:10px;line-height:1.7}.admin-content-policy a{font-size:9px;font-weight:900;border-bottom:1px solid}.admin-table{overflow-x:auto;border:1px solid #d8dad2;border-radius:8px;background:#fff}.admin-tr{min-width:720px;padding:13px 15px;display:grid;grid-template-columns:1.3fr .7fr 1fr .7fr 80px;align-items:center;gap:14px;border-bottom:1px solid #e4e5df;font-size:9px}.admin-tr:last-child{border-bottom:0}.admin-th{background:#f8f8f5;color:#8d8f87;font-size:8px;font-weight:800}.admin-tr button,.admin-invites button,.admin-forum-list button{padding:7px 9px;border:1px solid #d2d4cc;border-radius:5px;background:#fff;font-size:8px}.admin-status{width:max-content;padding:5px 7px;border-radius:99px;background:#edf4d7;color:#617628;font-size:8px}.admin-status.suspended{background:#fae7e2;color:#a44332}.admin-setting-form{max-width:700px;padding:18px;display:grid;grid-template-columns:1fr 130px;align-items:end;gap:12px;border:1px solid #d7d9d1;border-radius:8px;background:#fff}.admin-setting-form label{display:grid;gap:8px;font-size:9px;font-weight:800}.admin-setting-form select,.admin-setting-form button,.admin-subhead input,.admin-subhead button{height:40px;padding:0 11px;border:1px solid #cfd1c9;border-radius:6px;background:#fff;font-size:9px}.admin-setting-form button,.admin-subhead button{background:#171814;color:#fff;font-weight:900}.admin-subhead{margin-top:34px;padding-bottom:12px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d4d6ce}.admin-subhead b,.admin-subhead small{display:block}.admin-subhead b{font-size:13px}.admin-subhead small{margin-top:4px;color:#999;font-size:8px}.admin-subhead form{display:flex;gap:7px}.admin-subhead input{width:90px}.admin-invites>div{padding:13px 3px;display:grid;grid-template-columns:180px 1fr auto auto;align-items:center;gap:9px;border-bottom:1px solid #d9dad4}.admin-invites code{font-size:10px;font-weight:800}.admin-invites span{color:#777970;font-size:8px}.admin-forum-list{display:grid;gap:9px}.admin-forum-list article{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;border:1px solid #d7d9d1;border-radius:8px;background:#fff}.admin-forum-list small,.admin-forum-list b{display:block}.admin-forum-list small{color:#8b8d85;font-size:8px}.admin-forum-list b{margin-top:7px;font-size:13px}.admin-forum-list p{max-width:700px;margin:8px 0 0;color:#72746c;font-size:9px;line-height:1.6}.admin-forum-list article>span{display:flex;gap:6px}.admin-forum-list button.danger{color:#a13f31;border-color:#e8c7bf}.admin-empty{padding:40px;border:1px dashed #c8cac1;text-align:center;color:#888;font-size:9px}.admin-deployments,.admin-audit{border:1px solid #d7d9d1;border-radius:8px;background:#fff;overflow:hidden}.admin-deployments>div{padding:13px 15px;display:grid;grid-template-columns:1fr 140px 150px;gap:15px;border-bottom:1px solid #e3e4de;font-size:9px}.admin-deployments>div:last-child,.admin-audit>div:last-child{border-bottom:0}.admin-deployments code,.admin-deployments span{color:#777;font-size:8px}.admin-audit>div{padding:11px 14px;display:grid;grid-template-columns:140px 100px 160px 1fr;gap:12px;border-bottom:1px solid #e3e4de;font-size:8px}.admin-audit span,.admin-audit em{color:#888;font-style:normal}.admin-auth{min-height:100vh;display:grid;place-items:center;padding:25px;background:#f1f2ed;color:#171814}.admin-auth>div{width:min(500px,100%);padding:38px;border:1px solid #d1d3ca;border-radius:12px;background:#fff;box-shadow:0 20px 60px #1111}.admin-auth span{font:700 8px Consolas,monospace;letter-spacing:.14em}.admin-auth h1{margin:10px 0;font-size:34px;letter-spacing:-.055em}.admin-auth p{color:#75776f;font-size:10px;line-height:1.7}.admin-auth button{width:100%;margin:16px 0 12px;padding:13px;border:0;border-radius:6px;background:#171814;color:#fff;font-size:9px;font-weight:900}.admin-auth a{font-size:8px}
@media(max-width:800px){.site-admin{grid-template-columns:1fr}.site-admin>aside{min-height:auto;grid-template-rows:auto auto auto}.site-admin aside nav{margin-top:15px;grid-template-columns:repeat(5,1fr);overflow-x:auto}.site-admin aside nav button{justify-content:center;white-space:nowrap}.site-admin aside nav button i{display:none}.site-admin aside footer{display:none}.admin-workspace>header{padding-inline:18px}.admin-panel{width:calc(100% - 30px);margin-top:28px}.admin-stats{grid-template-columns:1fr 1fr}.admin-setting-form{grid-template-columns:1fr}.admin-invites>div{grid-template-columns:1fr auto auto}.admin-invites span{grid-column:1/-1;grid-row:2}.admin-forum-list article{grid-template-columns:1fr}.admin-deployments>div,.admin-audit>div{grid-template-columns:1fr 1fr}.admin-audit em{grid-column:1/-1}}

/* account security and administration */
.account-security{display:grid;gap:16px}.account-security>header{padding:14px;display:flex;align-items:center;gap:11px;border-radius:9px;background:#f0f2eb}.account-security>header b,.account-security>header small{display:block}.account-security>header b{font-size:12px}.account-security>header small{margin-top:4px;color:#85877e;font-size:8px}.account-security>section{padding:15px;border:1px solid #dedfd8;border-radius:9px}.account-security h3,.admin-console h3{margin:0;font-size:12px}.account-security section>p,.security-title p{margin:6px 0 13px;color:#888a82;font-size:8px;line-height:1.5}.security-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.security-title>button{padding:8px 10px;border:1px solid #d8d9d2;border-radius:6px;background:white;font-size:8px}.security-sessions{display:grid;gap:7px}.security-session{padding:10px;display:flex;justify-content:space-between;align-items:center;border-radius:7px;background:#f4f5f1}.security-session b,.security-session small{display:block}.security-session b{font-size:9px}.security-session small{margin-top:4px;color:#96988f;font-size:7px}.security-session>span{padding:5px 7px;border-radius:99px;background:#e5e7df;color:#777;font-size:7px}.security-session.current{background:#eff6dc}.security-session.current>span{background:#d9eda9;color:#4e701f}.admin-console{display:grid;gap:20px}.admin-console>section{border:1px solid #dedfd8;border-radius:9px;overflow:hidden}.admin-console>section>header{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;background:#f1f2ed}.admin-console>section>header small{display:block;margin-bottom:4px;color:#999;font:7px Consolas,monospace;letter-spacing:.12em}.admin-console>section>header>b{font-size:18px}.admin-user-list{max-height:270px;overflow:auto}.admin-user-row{padding:11px 13px;display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:9px;border-top:1px solid #e9eae4}.admin-user-row:first-child{border-top:0}.admin-user-row>div b,.admin-user-row>div small{display:block}.admin-user-row>div b{font-size:9px}.admin-user-row>div small{margin-top:4px;color:#999;font-size:7px}.admin-user-row>em{padding:5px 7px;border-radius:99px;font-size:7px;font-style:normal}.admin-user-row>em.active{background:#eaf4d3;color:#527326}.admin-user-row>em.disabled{background:#f7e6e2;color:#a54031}.admin-user-row>button,.admin-user-row>i{min-width:45px;padding:6px;border:1px solid #d7d8d1;border-radius:5px;background:white;font-size:7px;text-align:center;font-style:normal}.admin-user-row>i{border:0;color:#999}.admin-console>.invite-manager{padding-bottom:12px}.admin-console>.invite-manager>p,.admin-console>.invite-manager>.invite-generator,.admin-console>.invite-manager>.invite-list{margin-left:12px;margin-right:12px}