:root{--paper:#f5f5f5;--white:#ffffff;--ink:#151515;--muted:#737373;--line:#e4e4e4;--accent:#982c40;--danger:#982c40;--success:#60745f;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-underline-offset:4px}button{border:1px solid var(--line);background:transparent;padding:9px 13px;border-radius:3px;color:var(--ink);transition:background .15s}button:hover:not(:disabled){background:#efeee7}button.primary{background:var(--ink);border-color:var(--ink);color:white}button.primary:hover:not(:disabled){background:#41423b}button.quiet{border-color:transparent;color:var(--muted)}button.danger{color:var(--danger)}button.small{padding:5px 9px;font-size:12px}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--white);border-radius:3px;color:var(--ink);padding:11px 12px;min-height:42px}textarea{resize:vertical;line-height:1.75;min-height:100px}input:focus,select:focus,textarea:focus{border-color:#838b7b;outline:2px solid #838b7b33}label{display:block;font-size:13px;margin-bottom:8px}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:500;letter-spacing:-.5px}h2{font-size:20px;font-weight:500}h3{font-size:15px;font-weight:500}.muted{color:var(--muted)}.small-text{font-size:12px;line-height:1.7}.initial-loading{padding:80px;color:var(--muted)}.topbar{height:76px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,"Songti SC",serif;font-size:20px;letter-spacing:1px}.topbar-right{display:flex;align-items:center;gap:18px;font-size:12px}.identity{padding-left:14px;border-left:1px solid var(--line)}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;gap:28px}.nav-section-label{font-size:11px;letter-spacing:1px;color:var(--muted);margin:0 10px 12px}.nav-button{width:100%;text-align:left;border:0;padding:11px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.5}.nav-button.selected{background:#eaeae2;color:var(--ink)}.nav-button .hidden-label{font-size:10px;color:var(--muted);white-space:nowrap}.module-navigation{display:flex;flex-direction:column;gap:2px}.add-module{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:6px}.add-module select{font-size:12px;padding:8px;min-height:36px}.add-module button{padding:8px 10px;font-size:12px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.main{min-width:0;padding:30px 48px 80px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;margin-bottom:36px;border-bottom:1px solid var(--line)}.toolbar-actions{display:flex;gap:9px;flex-wrap:wrap}.save-state{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.state-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.state-dot.dirty{background:#a7743a}.editor{max-width:820px}.section-head{margin-bottom:30px}.section-head p{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.8}.field{margin-bottom:23px}.field-help{margin-top:7px;font-size:12px;color:var(--muted);line-height:1.65}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.section-divider{border:0;border-top:1px solid var(--line);margin:32px 0}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.checkbox-field{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer;margin:0}.checkbox-field input{width:16px;height:16px;min-height:16px;padding:0;accent-color:var(--ink)}.module-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 0 20px}.module-controls-right{display:flex;gap:6px;flex-wrap:wrap}.item-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:25px 0 22px;align-items:center}.item-tab{padding:7px 10px;font-size:12px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-tab.selected{border-color:var(--ink);background:#efeee7}.item-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:8px 0 24px}.item-actions{display:flex;gap:5px}.empty-state{border-top:1px solid var(--line);padding:35px 0;line-height:1.8;color:var(--muted)}.empty-state button{margin-top:15px}.fold{border-top:1px solid var(--line);margin:25px 0;padding:20px 0 0}.fold summary{cursor:pointer;font-size:13px;line-height:1.5}.fold-content{padding-top:22px}.media-row{padding:15px 0;border-bottom:1px solid var(--line)}.media-row .field{margin-bottom:13px}.media-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.media-row img,.media-row video{max-width:180px;max-height:120px;object-fit:contain;display:block;margin-bottom:14px;background:#efeee7}.upload-actions{margin:16px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.file-input{display:none}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(640px,calc(100vw - 32px));padding:13px 18px;background:var(--ink);color:white;border-radius:3px;z-index:10;font-size:13px;line-height:1.7;box-shadow:0 4px 16px #00000012}.notice.error{background:#753e31}.error-message{margin:16px 0;color:var(--danger);line-height:1.7;font-size:13px;white-space:pre-wrap}.auth-layout{max-width:400px;margin:110px auto;padding:0 24px}.auth-wordmark{font-family:Georgia,"Songti SC",serif;margin-bottom:55px;font-size:24px}.auth-layout h1{font-size:26px;margin-bottom:14px}.auth-description{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:30px}.auth-layout .primary{width:100%;margin-top:5px;padding:12px}.auth-footer{display:block;margin-top:28px;text-align:center;font-size:12px;color:var(--muted)}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 0;border-top:1px solid var(--line)}.history-entry p{margin-top:6px;font-size:12px;color:var(--muted)}.history-entry h3{font-size:14px}.history-note{margin-top:24px;font-size:12px;line-height:1.8;color:var(--muted)}.backup-button{width:100%;text-align:left;padding:10px;font-size:12px}.section-kicker{font-size:11px;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}.undo-button{margin-top:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-form{margin-top:23px}.account-form>button{margin-top:15px}
@media(max-width:1050px){.main{padding:28px 28px 60px}.workspace{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:28px 15px}.toolbar{align-items:flex-start;flex-direction:column;gap:14px}.field-row.three{grid-template-columns:1fr 1fr}.topbar{padding:0 24px}.identity{display:none}}
@media(max-width:650px){.topbar{height:68px;padding:0 18px}.brand{font-size:18px}.topbar-right{gap:8px}.topbar-right>a{display:none}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:18px;gap:15px}.sidebar .nav-section-label{display:none}.sidebar>div:first-child{display:flex;gap:7px}.sidebar>div:first-child .nav-button{width:auto}.module-navigation{flex-direction:row;overflow:auto;gap:8px;max-width:calc(100vw - 36px)}.module-navigation .nav-button{width:auto;flex:none;max-width:210px;white-space:nowrap}.add-module{max-width:235px;margin-top:10px}.sidebar-footer{display:flex;flex-wrap:wrap;gap:5px;padding-top:10px;margin-top:0}.sidebar-footer .backup-button{width:auto;padding:6px 8px}.sidebar-footer .undo-button{margin-top:0}.main{padding:24px 20px 60px}.toolbar{margin-bottom:28px;padding-bottom:24px}.toolbar-actions{gap:6px}.toolbar-actions button{font-size:12px;padding:8px 10px}.field-row,.field-row.three{grid-template-columns:1fr;gap:0}.module-controls{align-items:flex-start;flex-direction:column}.item-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-head{margin-bottom:25px}.auth-layout{margin-top:70px}.history-entry{gap:12px}.history-entry button{flex:none;font-size:12px}}

/* A quiet desktop window: shared visual language with the portfolio. */
.confirm-dialog{width:min(460px,calc(100vw - 40px));padding:30px;border:1px solid #dedede;border-radius:16px;background:white;color:var(--ink);box-shadow:0 18px 70px #00000024}
.confirm-dialog::backdrop{background:#14141440;backdrop-filter:blur(2px)}
.confirm-dialog h2{margin-top:8px;font-size:23px;font-weight:650}
.confirm-message{margin-top:18px;font-size:14px;line-height:1.9;color:#626262;white-space:pre-wrap}
.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}
.confirm-actions button{min-width:90px;padding:11px 15px;border-radius:8px}
.confirm-actions .primary{background:var(--accent);border-color:var(--accent);color:white}
.confirm-actions .primary:hover:not(:disabled){background:#7d2334;border-color:#7d2334}
.confirm-actions .confirm-danger{background:#982c40;border-color:#982c40}
body{background:var(--paper)}
#app{max-width:1370px;margin:24px auto;border-radius:16px;box-shadow:0 8px 32px #00000008}
.topbar{height:66px;padding:0 26px;background:#f1f1f1;border:1px solid #dedede;border-bottom:1px solid #dfdfdf;border-radius:16px 16px 0 0}
.brand{position:relative;padding-left:65px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.1px}
.brand::before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;background:#d75364;box-shadow:18px 0 0 #e6b25c,36px 0 0 #72a38b}
.topbar-right{gap:15px;color:#555}.topbar-right a{text-decoration:none}.topbar-right a:hover{color:var(--accent)}
.workspace{grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 115px);border:1px solid #dedede;border-top:0;border-radius:0 0 16px 16px;background:white;overflow:clip}
.sidebar{padding:30px 15px;background:#fafafa;border-color:#e7e7e7}
.main{padding:30px 48px 80px;background:white}
.nav-section-label,.section-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:1px;color:#888}
.nav-button{border-radius:8px;font-size:13px;padding:10px 12px}
.nav-button.selected{background:#ececec;box-shadow:inset 2px 0 0 var(--accent);color:#171717}
.add-module select{border-radius:8px;background:white}.sidebar-footer{border-color:#e7e7e7}
button{border-radius:8px;border-color:#dedede;background:white;box-shadow:0 1px 2px #00000004}
button:hover:not(:disabled){background:#f2f2f2;border-color:#cdcdcd}
button.quiet{background:transparent;box-shadow:none}
button.primary{background:#171717;border-color:#171717;box-shadow:0 2px 3px #00000012;font-weight:500}
button.primary:hover:not(:disabled){background:#333;border-color:#333}
.toolbar .primary{background:var(--accent);border-color:var(--accent)}
.toolbar .primary:hover:not(:disabled){background:#7d2334;border-color:#7d2334}
.toolbar{position:sticky;top:0;z-index:3;min-height:78px;padding:16px 0;margin-top:-16px;margin-bottom:34px;background:#ffffffed;backdrop-filter:blur(10px);border-color:#e7e7e7}
.editor{max-width:800px}.section-head{margin-bottom:34px}.section-head p:not(.section-kicker){color:#737373;line-height:1.9}
h1{font-size:28px;font-weight:650;letter-spacing:-.7px}h2{font-size:21px;font-weight:600;letter-spacing:-.3px}h3{font-weight:550}
.field{margin-bottom:25px}label{font-weight:500;color:#383838}input,select,textarea{border-radius:8px;border-color:#dedede;background:white;padding:12px 13px;min-height:44px}
input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid #982c4012}
textarea{line-height:1.85}.field-help{color:#858585;font-weight:400}.checkbox-field{font-weight:400}.checkbox-field input{accent-color:var(--accent);min-height:16px}
.section-divider{border-color:#e7e7e7;margin:35px 0}.fold{border-color:#e7e7e7;padding-top:23px}.fold summary{font-weight:500}.item-tab{border-radius:8px;box-shadow:none}.item-tab.selected{background:#f1f1f1;border-color:#a7a7a7}
.item-heading{margin-bottom:26px}.item-actions button{background:#fff}.history-entry{border-color:#e7e7e7}.history-entry h3{font-weight:500}.media-row{border-color:#e7e7e7}.media-row img,.media-row video{border-radius:8px;background:#f0f0f0}.upload-actions button{border-radius:8px}
.auth-layout{max-width:430px;margin:100px auto;padding:38px 34px 30px;background:white;border:1px solid #e4e4e4;border-radius:16px;box-shadow:0 8px 32px #00000006}
.auth-wordmark{position:relative;padding-left:62px;font-family:inherit;font-size:13px;font-weight:600;margin-bottom:40px;color:#4a4a4a}
.auth-wordmark::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;transform:translateY(-50%);border-radius:50%;background:#d75364;box-shadow:17px 0 0 #e6b25c,34px 0 0 #72a38b}
.auth-layout h1{font-size:27px;font-weight:650}.auth-description{font-size:13px;line-height:1.9}.auth-layout .primary{border-radius:9px;min-height:44px}.auth-footer{color:#888}.auth-footer:hover{color:var(--accent)}
#app:has(.auth-layout),#app:has(.initial-loading){background:transparent;box-shadow:none}.notice{border-radius:12px;box-shadow:0 5px 24px #0000001a}.notice.error{background:#85283a}.state-dot.dirty{background:var(--accent)}.identity{border-color:#d6d6d6}
@media(max-width:1420px){#app{margin:22px}}
@media(max-width:1050px){.workspace{grid-template-columns:205px minmax(0,1fr)}.main{padding:28px 30px 65px}.toolbar{align-items:flex-start;gap:14px;min-height:110px}.sidebar{padding:28px 13px}.brand{font-size:13px}.identity{display:inline;font-size:11px}}
@media(max-width:650px){#app{margin:0;border-radius:0;box-shadow:none}.topbar{height:62px;padding:0 18px;border-left:0;border-right:0;border-radius:0}.brand{font-size:12px;padding-left:57px}.brand::before{width:9px;height:9px;box-shadow:16px 0 0 #e6b25c,32px 0 0 #72a38b}.topbar-right{gap:7px}.identity{border-left:0;padding-left:0;font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{grid-template-columns:1fr;min-height:calc(100vh - 62px);border:0;border-radius:0}.sidebar{padding:16px 18px;background:#fafafa}.sidebar>div:first-child .nav-button{padding:9px;font-size:12px}.module-navigation .nav-button{font-size:12px}.main{padding:26px 21px 60px}.toolbar{margin-top:-14px;margin-bottom:29px;min-height:102px;padding:13px 0;gap:12px}.toolbar-actions button{padding:9px 11px;border-radius:8px}.section-head{margin-bottom:28px}h1{font-size:25px}.auth-layout{margin:60px 18px;padding:30px 24px;max-width:none}.auth-wordmark{margin-bottom:32px}.auth-layout h1{font-size:25px}.initial-loading{padding:50px 25px}.sidebar-footer{margin-top:0}}

/* Page canvas and a compact block inspector share the actual site rendering. */
#app{max-width:none;margin:0;border-radius:0;box-shadow:none}
.topbar{border-radius:0;height:56px}.brand{padding-left:0}.brand::before{display:none}
.workspace{border:0;border-radius:0;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 56px)}
.visual-workspace .main{padding:0;min-width:0}.visual-workspace .toolbar{position:relative;top:auto;margin:0;padding:12px 20px;min-height:66px;flex-direction:row;align-items:center}
.visual-layout{display:grid;grid-template-columns:minmax(280px,1fr) 340px;height:calc(100dvh - 122px)}
.canvas-pane{min-width:0;display:flex;flex-direction:column;background:#e9edf0;padding:12px}
.canvas-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.canvas-toolbar select{max-width:190px;min-height:34px;padding:6px 9px;font-size:12px}.canvas-toolbar span{font-size:11px;color:#637681}
#preview-slot{flex:1;min-height:0;background:white;border:1px solid #dce3e8;border-radius:9px;overflow:hidden}
#editor-preview{display:block;border:0;width:100%;height:100%;background:#f7fbfd}
.visual-layout .editor{overflow:auto;max-width:none;padding:24px 20px;border-left:1px solid var(--line);background:white}
.visual-layout .editor h1{font-size:21px}.visual-layout .editor h2{font-size:17px}.visual-layout .field-row,.visual-layout .field-row.three{display:block}
.visual-layout .module-controls,.visual-layout .item-heading{align-items:flex-start;flex-direction:column;gap:12px}
.visual-layout .section-head{margin-bottom:20px}.visual-layout .section-head p{font-size:12px}.visual-layout .field{margin-bottom:18px}
.visual-layout .item-tabs{max-height:145px;overflow:auto}.visual-layout .item-tab{max-width:280px}.visual-layout .item-actions{flex-wrap:wrap}
.sidebar{padding:23px 12px;max-height:calc(100dvh - 56px);overflow:auto}.nested-module{padding-left:28px;font-size:12px}.nav-page-label{font-size:11px;color:#8a9097;padding:10px 12px 5px}
@media(max-width:1100px){.workspace.visual-workspace{grid-template-columns:1fr}.visual-workspace .sidebar{max-height:165px;display:grid;grid-template-columns:160px minmax(0,1fr) 170px;padding:10px;gap:10px;overflow:auto}.visual-workspace .module-navigation{flex-direction:row;flex-wrap:wrap}.visual-workspace .module-navigation .nav-button{width:auto}.visual-workspace .nav-page-label{display:none}.visual-workspace .sidebar-footer{margin:0;padding:0;border:0}.visual-workspace .nav-section-label{display:none}.visual-workspace .add-module{margin-top:5px;max-width:235px}.visual-layout{height:calc(100dvh - 285px);grid-template-columns:minmax(270px,1fr) 310px}.canvas-toolbar span{display:none}}
@media(max-width:650px){.visual-workspace .sidebar{display:flex;max-height:180px;padding:9px 14px;gap:8px}.visual-workspace .sidebar-footer{display:none}.visual-workspace .module-navigation{flex-wrap:nowrap;max-width:calc(100vw - 28px)}.visual-workspace .toolbar{flex-direction:column;align-items:flex-start;padding:10px 14px;gap:8px}.visual-layout{display:flex;flex-direction:column;height:auto}.canvas-pane{height:60dvh;min-height:400px;padding:8px}.visual-layout .editor{max-height:none;overflow:visible;border-left:0;border-top:1px solid var(--line)}.canvas-toolbar{margin-bottom:6px}.visual-workspace .add-module{display:flex}.visual-workspace .add-module select{max-width:175px}.topbar .identity{max-width:100px}}
.module-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:20px}.module-settings summary{font-size:12px;color:#67727b;cursor:pointer}.module-settings[open] summary{margin-bottom:22px}.module-settings+.section-divider{display:none}

.framing-editor{padding:16px;margin:0 0 22px;border:1px solid var(--line,#dce4e8);border-radius:12px;background:#f7fafc}
.framing-editor h3{margin:0 0 12px;font-size:14px}
.framing-preview{position:relative;display:grid;place-items:center;aspect-ratio:1.45;background:#e8f0f5;border-radius:9px;overflow:hidden;cursor:grab;touch-action:none;user-select:none}
.framing-preview:active{cursor:grabbing}
.framing-preview:focus-visible{outline:2px solid #609fbc;outline-offset:3px}
.framing-preview img,.framing-preview video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:var(--preview-fit,contain);object-position:var(--preview-position,50% 50%);pointer-events:none}
.framing-preview span{font-size:12px;color:#7c8e9a;padding:20px}
.framing-editor input[type=range]{width:100%;padding:0;accent-color:#4d8aa4}

/* The website fills the workspace; controls appear only when requested. */
.canvas-topbar{height:54px;min-height:54px;padding:0 16px;gap:16px;background:#fff;border:0;border-bottom:1px solid #e1e7eb}
.canvas-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}
.canvas-back{font-size:22px;text-decoration:none;color:#516674}
.canvas-topbar select{min-height:32px;padding:5px 8px;font-size:12px;width:auto;max-width:130px}
.canvas-hint{font-size:11px;color:#84939d;white-space:nowrap}
.canvas-topbar .topbar-right{gap:8px;flex-shrink:0}.canvas-topbar button{padding:7px 13px;min-height:32px;font-size:12px}
.canvas-topbar .save-state{font-size:11px;margin-right:5px}
.canvas-workspace{position:relative;height:calc(100dvh - 54px);overflow:hidden;background:#f7fbfd}
.canvas-workspace #preview-slot{width:100%;height:100%;border:0;border-radius:0}
.inspector-panel{position:absolute;z-index:90;right:16px;top:16px;bottom:16px;width:min(390px,calc(100% - 32px));border:1px solid #dce4e9;border-radius:16px;background:white;box-shadow:0 16px 60px #243d5426;display:flex;flex-direction:column;overflow:hidden}
.inspector-panel[hidden]{display:none}
.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e7ecef;font-size:12px;flex-shrink:0}
.inspector-heading button{padding:6px 10px;font-size:12px}
.inspector-panel .editor{overflow:auto;max-width:none;padding:20px;min-height:0}
.inspector-panel .field-row,.inspector-panel .field-row.three{display:block}
.inspector-panel .section-head{margin-bottom:20px}.inspector-panel h1{font-size:22px}.inspector-panel h2{font-size:18px}
.inspector-panel .module-controls,.inspector-panel .item-heading{flex-direction:column;align-items:flex-start;gap:12px}.inspector-panel .item-actions{flex-wrap:wrap}
.editor-more{position:relative}.editor-more summary{cursor:pointer;list-style:none;padding:6px 10px;color:#526773}.editor-more summary::-webkit-details-marker{display:none}
.editor-more-menu{position:absolute;z-index:100;right:0;top:36px;width:245px;max-height:calc(100dvh - 75px);overflow:auto;background:white;border:1px solid #dce4e9;border-radius:12px;padding:10px;box-shadow:0 12px 35px #20384e24}
.editor-more-menu>button,.editor-more-menu .sidebar-footer>button{display:block;width:100%;text-align:left;border:0;box-shadow:none}.editor-more-menu .sidebar-footer{margin:7px 0;padding:7px 0;border-block:1px solid #e7ecef}.editor-more-menu .add-module{margin:7px 0;display:flex;gap:4px}.editor-more-menu .add-module select{max-width:126px}
@media(max-width:1000px){.canvas-hint{display:none}}
@media(max-width:600px){.canvas-topbar{padding:0 8px;gap:6px}.canvas-topbar-left{gap:6px}.canvas-topbar .topbar-right{gap:4px}.canvas-topbar .save-state{max-width:62px;font-size:9px}.canvas-topbar button{padding:6px 9px}.canvas-topbar select{max-width:90px}.inspector-panel{right:8px;top:8px;bottom:8px;width:calc(100% - 16px)}}