*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#213045;background:#f5f7fa;font:14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:#102b4a;color:#d1dce8;min-height:100vh;display:flex;flex-direction:column;padding:28px 16px 24px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 34px;color:white}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;color:#173856;font:700 26px/1 Georgia,serif;letter-spacing:-4px;padding-right:3px}.brand-mark span{color:#42b7a6}.brand strong{display:block;font-size:13px;letter-spacing:.16em;line-height:1.2}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.13em;color:#aabdd0}.sidebar-section{padding:0 12px;color:#849cb4;font-size:11px;font-weight:700;letter-spacing:.09em}.nav-current{display:flex;align-items:center;gap:12px;margin-top:11px;padding:10px 12px;border-radius:8px;background:#284666;color:#fff;font-weight:650;text-decoration:none}.nav-icon{font-size:19px;line-height:1;color:#a8ded5}.nav-arrow{margin-left:auto;color:#b5cbdc}.nav-label{margin-top:38px}.section-nav{display:grid;grid-gap:2px;gap:2px;margin:12px 0 0 18px;padding-left:12px;border-left:1px solid #42607e}.section-nav a{padding:7px 4px;color:#b8c9d9;text-decoration:none;font-size:13px}.section-nav a:hover{color:#fff}.sidebar-bottom{margin:auto 8px 0;padding-top:30px;font-size:12px;color:#c5d6e5}.sidebar-bottom small{display:block;margin:5px 0 0 14px;color:#829bb4;letter-spacing:.08em;font-size:9px}.sidebar-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#5ac2ac}.workspace{min-width:0}.topbar{height:67px;padding:0 42px;border-bottom:1px solid #e7ebf0;background:#fff;justify-content:space-between;color:#9aa8b6;font-size:10px;font-weight:700;letter-spacing:.12em}.topbar,.topbar-right{display:flex;align-items:center}.topbar-right{gap:18px}.logout-button{border:0;background:transparent;color:#60768b;font-size:12px;font-weight:600}.topbar-tag{border-right:1px solid #e4e9ee;padding-right:18px;color:#718198}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e5eeef;color:#2d6866;font-size:12px;letter-spacing:0}.workspace-inner{max-width:1430px;margin:0 auto;padding:28px 42px 72px}.editor-fields{min-width:0;width:100%;border:0}.language-switch{display:flex;align-items:center;gap:12px;margin:-8px 0 24px;color:#536a7e;font-size:13px;font-weight:700}.language-switch>div{display:inline-flex;gap:2px;padding:3px;border:1px solid #dce6ec;border-radius:9px;background:#edf2f5}.language-switch button{min-width:76px;padding:8px 14px;border:0;border-radius:6px;background:transparent;color:#60768b;font:inherit}.language-switch button[aria-pressed=true]{background:#fff;color:#173c5c;box-shadow:0 1px 4px #1c3b5526}.breadcrumb{display:flex;gap:10px;font-size:12px;color:#8290a2}.breadcrumb span:last-child{color:#465870}.crumb-separator{color:#c5cdd6}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:25px 0 30px}.heading-actions{display:flex;gap:10px;flex-shrink:0}.eyebrow,.panel-kicker{font-size:10px;font-weight:750;letter-spacing:.13em;color:#6b8e97}.eyebrow span{display:inline-block;width:7px;height:7px;background:#40b09f;border-radius:50%;margin-right:6px}h1,h2,h3,p{margin:0}h1{margin-top:8px;color:#152941;font-size:30px;line-height:1.25;letter-spacing:-.03em}.page-heading p,.panel-header p,.section-intro p,.settings-header p{margin-top:7px;color:#8491a1;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:700}.button-primary{min-height:42px;color:#fff;background:#173c5c;box-shadow:0 3px 7px #173c5c1c}.button-primary:hover{background:#235476}.button-primary span{color:#a0d9d1}.button-outline{color:#31566d;background:white;border-color:#d4e0e5}.button-outline:hover{background:#f4faf9;border-color:#9ecbc5}.feedback{border:1px solid #cce5e1;border-radius:7px;background:#edf8f6;color:#315e5c}.demo-notice,.feedback{margin:-12px 0 18px;padding:11px 14px}.demo-notice{border:1px solid #eedcaa;border-radius:7px;background:#fff8e9;color:#795c25;font-size:12px}.main-column{min-width:0;display:grid;grid-gap:15px;gap:15px}.settings-column{display:grid;grid-gap:16px;gap:16px}.panel{border:1px solid #e4eaf0;border-radius:11px;background:#fff;box-shadow:0 3px 14px #1c3b5510;scroll-margin-top:20px}.panel-header{padding:23px 25px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1f4}.panel-header h2,.section-intro h2{margin-top:4px;color:#1e3148;font-size:17px}.panel-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;color:#527d83;background:#edf6f5;font-weight:700}.panel-body{padding:21px 25px 25px}label{display:block;margin-bottom:17px;color:#405166;font-size:12px;font-weight:700}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:7px;padding:10px 12px;border:1px solid #dce3e9;border-radius:6px;outline:none;color:#27384a;background:#fff;font-weight:400;font-size:13px}textarea{resize:vertical;min-height:78px}input::placeholder,textarea::placeholder{color:#aeb9c4}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #439e9b;outline-offset:2px}.required{color:#c06b60}.field-optional{color:#9aa8b6;font-weight:400;font-size:10px}.field-hint{margin-top:-7px;color:#96a2af;font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:17px 0 2px}.count-pill{padding:4px 9px;border:1px solid #e0e8ed;border-radius:20px;color:#81909e;background:#fff;font-size:11px}.block-header{display:flex;align-items:center;gap:14px;padding:19px 24px}.block-number{display:grid;place-items:center;flex:0 0 37px;height:37px;border:1px solid #dbe8e8;border-radius:9px;background:#f0f7f6;color:#5d908e;font-size:11px;font-weight:800}.block-heading{flex:1 1;min-width:0}.block-heading h3{font-size:14px;color:#23364b}.block-heading p{color:#99a5b1;font-size:11px;margin-top:2px}.toggle{position:relative;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.toggle,.toggle input{margin:0;cursor:pointer}.toggle input{position:absolute;left:0;width:32px;height:19px;opacity:0;z-index:1}.toggle-track{position:relative;width:32px;height:19px;border-radius:20px;background:#c8d2db;transition:background .15s}.toggle-track:after{content:"";position:absolute;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:white;transition:transform .15s}.toggle input:checked+.toggle-track{background:#359c90}.toggle input:checked+.toggle-track:after{transform:translateX(13px)}.toggle input:focus-visible+.toggle-track{outline:2px solid #439e9b;outline-offset:3px}.toggle-text{color:#8694a2;font-size:11px;font-weight:600}.block-body{min-width:0;width:100%;margin:0;padding-top:18px;border:0;border-top:1px solid #f0f3f5}.block-body:disabled{opacity:.55}.empty-state{display:flex;gap:13px;align-items:center;padding:18px;margin-bottom:14px;border:1px dashed #dce5e9;border-radius:7px;background:#fafcfc}.empty-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#eaf4f2;color:#619a95;font-size:19px}.empty-state strong{font-size:12px;color:#586e7e}.empty-state p{font-size:11px;color:#a0adb6;margin-top:2px}.add-button{padding:8px 12px;font-size:12px}.add-button span{font-size:16px;line-height:1}.item{margin:0 0 15px;padding:17px;border:1px solid #e6ecef;border-radius:8px;background:#fafcfc}.item-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#374e61}.item-index{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#e5f1ef;color:#518780;font-size:10px;font-weight:800}.button-link{padding:5px;margin-left:auto;border:0;background:transparent;font-size:11px}.danger{color:#aa6c68}.seo-panel{margin-top:4px}.settings-header{padding:20px 20px 16px;border-bottom:1px solid #eef1f4}.settings-header h2{margin-top:4px;font-size:15px;color:#263b50}.settings-body{padding:18px 20px 20px}.status-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:17px;border-bottom:1px solid #edf1f4;color:#596b7d;font-size:12px;font-weight:700}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:20px;background:#f5f0e3;color:#a17f3d;font-size:10px}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.published{background:#e5f5ed;color:#32816d}.settings-label{margin-bottom:16px}.load-button{width:100%;margin-top:14px}.help-note{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border-radius:8px;background:#eaf4f3;color:#5a8885;font-size:11px}.help-note span{display:grid;place-items:center;flex:0 0 18px;height:18px;border:1px solid #96c2bc;border-radius:50%;font-weight:700}.footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px}.block-preview img{display:block;max-width:100%;height:auto;margin:1.5rem 0}.block-preview section{margin-top:2rem}.block-preview .content{white-space:pre-wrap}.footer-actions p{flex:1 1;color:#335f66;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.list-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-gap:24px;gap:24px;align-items:start}.list-content{min-width:0}.list-heading .button{text-decoration:none;white-space:nowrap}.list-panel{overflow:hidden}.list-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px;border-bottom:1px solid #eef1f4}.list-panel-header h2{margin-top:4px;color:#1e3148;font-size:17px}.list-panel-header p{margin-top:4px;color:#8491a1;font-size:12px}.list-search{width:min(235px,48%);margin:0}.list-search input{margin:0}.list-empty{padding:74px 24px;text-align:center}.list-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:15px;background:#edf6f5;color:#5d9993;font-size:26px}.list-empty h3{color:#334c61;font-size:15px}.list-empty p{max-width:300px;margin:8px auto 18px;color:#8797a5;font-size:12px}.list-empty a{text-decoration:none}.list-message{padding:14px 25px;background:#fff4ef;color:#975344;font-size:12px}.table-scroll{overflow-x:auto}.pages-table{width:100%;border-collapse:collapse;text-align:left}.pages-table th{padding:12px 25px;background:#f9fbfc;color:#91a0ad;font-size:11px;font-weight:600;white-space:nowrap}.pages-table td{padding:15px 25px;border-top:1px solid #eef2f5;color:#5c6e7f;font-size:12px}.page-link{display:inline-flex;align-items:center;gap:12px;color:#273f53;text-decoration:none}.page-link:hover strong,.row-action:hover{text-decoration:underline}.page-link small,.page-link strong{display:block}.page-link small{margin-top:2px;color:#99a7b3;font-size:11px;font-weight:400}.page-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:9px;background:#edf6f5;color:#5f9891;font-size:17px}.row-action{color:#4c7e80;font-weight:700}.row-action,.status-link{text-decoration:none;white-space:nowrap}.status-link:hover{text-decoration:underline}.status-link.missing{background:#f0f3f5;color:#6c7e8d}.status-unavailable{color:#8491a1;white-space:nowrap;font-size:11px}.list-footer{padding:18px 25px;border-top:1px solid #eef2f5;text-align:center}.list-caption{margin:12px 3px;color:#98a5b1;font-size:11px}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-aside{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:42px 8%;background:#102b4a;color:#fff}.login-aside:after{content:"";position:absolute;right:-180px;bottom:-280px;width:550px;height:550px;border:1px solid #8bbaa933;border-radius:50%;box-shadow:0 0 0 90px #71a99a09,0 0 0 180px #71a99a09;pointer-events:none}.login-brand{gap:12px}.login-brand,.login-brand-mark{display:flex;align-items:center}.login-brand-mark{justify-content:center;width:39px;height:39px;border-radius:11px;background:white;color:#173856;font:700 26px/1 Georgia,serif;letter-spacing:-4px;padding-right:4px}.login-brand-mark span{color:#42b7a6}.login-brand strong{display:block;letter-spacing:.16em;font-size:13px;line-height:1.2}.login-brand small{display:block;margin-top:5px;color:#aabdd0;font-size:8px;letter-spacing:.13em}.login-aside-content{position:relative;z-index:1;width:min(420px,100%);margin:auto 0;padding:90px 0}.login-eyebrow,.login-overline{color:#8ecabf;font-size:10px;letter-spacing:.18em;font-weight:750}.login-eyebrow span{display:inline-block;width:7px;height:7px;margin-right:7px;background:#5bc1ae;border-radius:50%}.login-aside-content h1{margin:18px 0;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.3;letter-spacing:-.04em}.login-aside-content h1 span{color:#76c9b7}.login-aside-content>p{color:#b9ccda;font-size:15px}.login-art{position:relative;width:300px;max-width:100%;height:220px;margin-top:65px}.art-window{position:absolute;top:6px;left:20px;width:215px;height:174px;padding:14px;border:1px solid #80b1ac55;border-radius:12px;background:#204260;box-shadow:0 18px 45px #07192b44;transform:rotate(-5deg)}.art-window>span{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#83aaac;vertical-align:top}.art-image{height:68px;margin-top:12px;border-radius:5px;background:linear-gradient(135deg,#497e82,#83b8a9)}.art-line{width:62%;height:5px;margin-top:9px;border-radius:4px;background:#7ea3a5;opacity:.65}.art-line.long{width:80%;margin-top:14px}.art-line.short{width:42%}.art-orbit{position:absolute;top:88px;right:16px;width:92px;height:92px;border-radius:50%;border:1px solid #85c4b88c;background:#78bca933}.art-square{position:absolute;bottom:8px;left:138px;width:64px;height:64px;border:1px solid #b5d3c874;border-radius:13px;background:#79b7aa75;transform:rotate(15deg)}.login-aside-footer{position:relative;z-index:1;color:#93aabe;font-size:10px;letter-spacing:.12em}.login-aside-footer span{display:block;margin-top:4px;color:#718da6;font-size:9px}.login-main{display:flex;align-items:center;justify-content:center;min-width:0;padding:50px 36px}.login-form-wrap{width:min(390px,100%)}.login-mobile-brand{display:none}.login-overline{color:#5b9a92}.login-form-wrap h2{margin-top:12px;color:#172f48;font-size:27px;letter-spacing:-.03em}.login-intro{margin-top:9px;color:#8190a0;font-size:13px}.login-fields{margin-top:32px}.login-fields label{margin-bottom:19px;font-size:12px}.login-fields input{min-height:45px}.login-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:0 16px;border:0;border-radius:7px;background:#173c5c;color:white;font-weight:700}.login-submit span{color:#a3d7ce}.login-notice{margin-top:12px;color:#8a99a7;font-size:12px}.login-error{margin:0 0 12px;color:#a34e43;font-size:12px}.login-footer{margin-top:48px;color:#a4b1bb;font-size:11px}.login-footer span{margin:0 6px;color:#70b6a9}@media (max-width:800px){.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-main{min-height:100vh;padding:40px 24px}.login-mobile-brand{display:block;margin-bottom:55px;color:#173c5c;font-size:15px;font-weight:800;letter-spacing:.14em}.login-mobile-brand span{display:block;margin-top:4px;color:#86a3a1;font-size:9px;letter-spacing:.1em}}@media (max-width:1050px){.list-layout{grid-template-columns:1fr}.list-layout>.settings-column{grid-row:1}}@media (max-width:650px){.list-heading{flex-wrap:wrap}.list-panel-header{align-items:stretch;flex-direction:column;padding:20px 17px}.list-search{width:100%}.pages-table td,.pages-table th{padding:12px}.list-empty{padding:52px 16px}}@media (max-width:1050px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.editor-grid{grid-template-columns:1fr}.settings-column{grid-row:1;grid-template-columns:1fr 1fr}.help-note{grid-column:1/-1}.workspace-inner{padding:26px 26px 60px}.topbar{padding:0 26px}}@media (max-width:650px){.app-shell{display:block}.sidebar{min-height:auto;padding:14px 18px}.brand{padding:0}.nav-current,.section-nav,.sidebar-bottom,.sidebar-section{display:none}.topbar{height:48px;padding:0 18px}.workspace-inner{padding:20px 16px 50px}.page-heading{align-items:start;margin:22px 0}h1{font-size:25px}.desktop-save{display:none}.field-grid,.settings-column{grid-template-columns:1fr;gap:0}.settings-column{gap:12px}.block-header,.panel-body,.panel-header{padding-left:17px;padding-right:17px}.toggle-text{display:none}}.studio{height:100vh;display:flex;flex-direction:column;background:#fff}.studio-bar{flex:none;height:44px;display:flex;align-items:center;gap:16px;padding:0 16px;background:#102b4a;color:#d1dce8;font-size:13px}.studio-back{color:#fff;font-weight:650;text-decoration:none}.studio-back:hover{color:#a8ded5}.studio-brand{color:#849cb4;letter-spacing:.14em}.studio-brand,.studio-demo{font-size:11px;font-weight:700}.studio-demo{padding:2px 9px;border-radius:20px;background:#fff3d1;color:#795c25;cursor:help}.studio-bar .logout-button{margin-left:auto;color:#b8c9d9}.studio-editor{flex:1 1;min-height:0}.studio-actions{display:flex;align-items:center;gap:8px}.studio-actions .button{min-height:34px;padding:6px 14px}.button-ghost{color:#9b3b3b;background:transparent}.button-ghost:hover{background:#fff0f0}.unsaved{color:#a17f3d;font-size:11px;font-weight:700}.lang-toggle{display:inline-flex;padding:2px;border-radius:8px;background:#edf2f5}.lang-toggle button{padding:4px 12px;border:0;border-radius:6px;background:transparent;color:#60768b;font-weight:700;font-size:12px}.lang-toggle button[aria-pressed=true]{background:#fff;color:#173c5c;box-shadow:0 1px 3px #1c3b5526}.studio-toast{position:fixed;left:50%;bottom:24px;z-index:1000;transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));padding:10px 16px;border-radius:8px;background:#173c5c;color:#fff;box-shadow:0 6px 20px #0003;font-size:13px}.studio-toast.error{background:#9b1c1c}.page-canvas{margin:0;padding:0 0 96px;color:#2c2c2c;font:16px/1.25 Arial,Helvetica,Microsoft JhengHei,sans-serif}.page-canvas h1{margin:0 0 12px;font-size:32px}.page-canvas h2{margin:0 0 8px;font-size:24px}.page-canvas h3{margin:16px 0 4px;font-size:18px}.page-canvas .content{white-space:pre-wrap}.page-canvas img{display:block;max-width:100%;height:auto;margin:1.5rem 0}.page-canvas section{margin-top:2rem}.page-canvas a{color:#173b63;font-weight:700}.puck-placeholder{margin:1rem 0;padding:28px;border:1px dashed #b8c4cf;border-radius:8px;color:#6b7c8d;text-align:center;font-size:14px}.nav-item{display:flex;align-items:center;gap:12px;margin-top:4px;padding:10px 12px;border-radius:8px;color:#b8c9d9;text-decoration:none}.nav-item:hover{background:#1c3a5a;color:#fff}.asset-message{white-space:pre-line;margin-bottom:16px;border-radius:8px}.asset-drop{margin-bottom:24px;padding:28px;border:2px dashed #c9d6df;text-align:center;color:#60768b;box-shadow:none}.asset-drop.dragging{border-color:#40b09f;background:#edf8f6}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none}.asset-card{display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid #e4eaf0;border-radius:10px;background:#fff;text-align:left;padding:0}.asset-thumb{display:grid;place-items:center;aspect-ratio:4/3;background:#eef2f5 repeating-conic-gradient(#e6ebef 0 25%,#f4f6f8 0 50%) 0 0 /16px 16px;color:#8a97a5;font-weight:700;text-decoration:none}.asset-thumb img{width:100%;height:100%;object-fit:contain}.asset-meta{display:grid;grid-gap:2px;gap:2px;padding:10px 12px 4px;min-width:0}.asset-meta strong{overflow:hidden;color:#213045;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.asset-meta small{color:#8491a1;font-size:11px}.asset-actions{display:flex;justify-content:space-between;padding:4px 8px 8px}.asset-actions .button-link{margin:0;color:#31566d;font-weight:700}.asset-actions .danger{color:#b33a3a}.asset-field-preview{display:block;width:100%;max-height:140px;margin-bottom:8px;border-radius:6px;object-fit:contain;background:#f2f5f7}.asset-field-input{width:100%;padding:8px 10px;border:1px solid #d4dbe1;border-radius:4px;font-size:13px}.asset-field-actions{display:flex;gap:8px;margin-top:8px}.asset-field-actions button{padding:6px 10px;border:1px solid #d4e0e5;border-radius:6px;background:#fff;color:#31566d;font-size:12px;font-weight:700}.asset-picker{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#0b1b2c99}.asset-picker-panel{width:min(880px,100%);max-height:85vh;overflow:auto;padding:20px;border-radius:12px;background:#fff;box-shadow:0 20px 50px #0004}.asset-picker-panel header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.asset-picker-panel h2{margin-right:auto;font-size:18px;color:#152941}.asset-picker-close{border:0;background:transparent;font-size:24px;line-height:1;color:#60768b}.asset-picker-empty{padding:32px;color:#8491a1;text-align:center}.asset-pick{cursor:pointer}.asset-pick:hover,.asset-pick[aria-pressed=true]{border-color:#40b09f;box-shadow:0 0 0 2px #40b09f55}input[type=file][hidden]{display:none}.template-badge{display:inline-block;padding:3px 9px;border-radius:20px;background:#eef0fb;color:#4b4f9c;font-size:11px;font-weight:700;white-space:nowrap}.template-badge.builder{background:#e6f4f1;color:#2f7a6c}.row-action.muted{color:#9aa6b2;font-weight:600}.page-names{display:grid;grid-gap:1px;gap:1px}.page-name-en{color:#4f6478;font-size:12px}.page-name-en em{color:#a5b0bb;font-style:normal}.list-layout:not(:has(>.settings-column)){grid-template-columns:minmax(0,1fr)}.list-tools{display:flex;align-items:center;gap:10px}.list-tools .list-search{width:235px}.refresh-button{flex:none;min-height:38px;padding:8px 14px}@media (max-width:650px){.list-tools{flex-direction:column-reverse;align-items:stretch}.list-tools .list-search{width:100%}}.award-ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin:0;padding:0;list-style:none}.award-rank{padding:1.25rem;border-radius:12px;background:#f4f6f8;text-align:center}.award-rank img{width:96px;height:96px;margin:0 auto .75rem;object-fit:contain}.award-rank h2{margin:0;font-size:1.15rem}.award-applies{margin:.25rem 0 0;color:#5d6b79;font-size:.85rem}.award-rank details{margin-top:.75rem;text-align:left}.award-rank summary{cursor:pointer;color:#173b63;font-weight:700;text-align:center}.award-honours{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #0001}.page-canvas .bonus-table-scroll{margin-top:1rem;overflow-x:auto}.page-canvas .bonus-table{width:100%;border-collapse:collapse;text-align:left}.page-canvas .bonus-table td,.page-canvas .bonus-table th{padding:.75rem;border:1px solid #dce3e8;vertical-align:top}.page-canvas .bonus-table th{background:#f4f6f8;font-weight:700}.studio-user{margin-left:auto;color:#b8c9d9;font-size:12px}.studio-user+.studio-demo,.studio-user~.logout-button{margin-left:0}.user-message{margin-bottom:16px;border-radius:8px}.user-create{margin-bottom:24px}.user-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;grid-gap:14px;gap:14px;align-items:end;padding:20px 25px 24px}.user-form label{display:grid;grid-gap:6px;gap:6px;margin:0;color:#465870;font-size:12px;font-weight:700}.role-select,.user-form input,.user-form select,.user-reset input{width:100%;padding:9px 10px;border:1px solid #d4dbe1;border-radius:6px;background:#fff;font-size:13px}.role-select{width:auto;min-width:110px;padding:6px 8px}.user-self{margin-left:4px;color:#8491a1;font-weight:500}.user-locked{margin-left:6px;background:#fff0f0;color:#9b1c1c}.users-table .status-badge.missing{background:#eef1f4;color:#6b7c8d}.user-actions{white-space:nowrap;text-align:right}.user-actions .button-link{margin-left:10px;color:#31566d;font-weight:700}.user-actions .button-link.danger{color:#b33a3a}.user-reset{display:inline-flex;align-items:center;gap:4px}.user-reset input{width:220px}@media (max-width:1050px){.user-form{grid-template-columns:1fr 1fr}}@media (max-width:650px){.user-form{grid-template-columns:1fr;padding:18px 17px}}.site-css-form{display:grid;grid-gap:8px;gap:8px;padding:20px 25px 24px}.site-css-form label{color:#465870;font-size:12px;font-weight:700}.site-css-form textarea{width:100%;min-height:420px;padding:12px;border:1px solid #d4dbe1;border-radius:6px;background:#fbfcfd;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.site-css-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#6b7a8c}.navigation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,31%);grid-gap:24px;gap:24px;align-items:start}.navigation-editor{display:grid;grid-gap:20px;gap:20px;min-width:0}.navigation-section-body{padding:18px 20px 20px}.nav-tree{display:grid;grid-gap:12px;gap:12px;margin:0 0 16px;padding:0 0 0 calc(var(--depth) * 18px);list-style:none}.navigation-section-body>.nav-tree{padding-left:0}.nav-node{min-width:0;padding:14px;border:1px solid #dfe7ec;border-radius:10px;background:#fbfcfd}.nav-node-header{display:flex;align-items:center;gap:9px;min-width:0}.nav-node-handle{color:#a2afba;font-weight:800;letter-spacing:-3px}.nav-depth-badge{flex:none;padding:3px 8px;border-radius:20px;background:#e8f4f2;color:#39766f;font-size:10px;font-weight:800}.nav-node-header strong{color:#263b50;font-size:13px}.nav-node-header small,.nav-node-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-node-header small{color:#8291a0;font-size:11px}.nav-node-actions{display:flex;flex:none;gap:4px;margin-left:auto}.nav-add-child,.nav-node-actions button{padding:5px 8px;border:1px solid #d8e1e7;border-radius:6px;background:#fff;color:#496075;font-size:11px;font-weight:700}.nav-add-child:hover,.nav-node-actions button:hover:not(:disabled){border-color:#9ecbc5;background:#f3faf9}.nav-node-actions .danger{color:#a64740}.nav-node-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 12px;gap:10px 12px;margin-top:14px}.nav-node-fields label{margin:0;color:#526477;font-size:11px}.nav-node-fields input{margin-top:5px;padding:8px 10px;font-size:12px}.nav-url-field{grid-column:1/-1}.nav-subtree{margin-top:13px;border-top:1px solid #e7edf1;padding-top:11px}.nav-subtree summary{color:#50756f;cursor:pointer;font-size:11px;font-weight:800}.nav-add-child,.nav-subtree .nav-tree{margin-top:12px}.nav-add-child{color:#3d7770}.navigation-preview-panel{position:-webkit-sticky;position:sticky;top:20px;overflow:hidden}.preview-language{display:inline-flex;gap:3px;margin:16px 20px 0;padding:3px;border-radius:8px;background:#edf2f5}.preview-language button{min-width:76px;padding:6px 12px;border:0;border-radius:6px;background:transparent;color:#60768b;font-size:12px;font-weight:700}.preview-language button[aria-pressed=true]{background:#fff;color:#173c5c;box-shadow:0 1px 4px #1c3b5526}.navigation-preview{margin:16px 12px 0;overflow:hidden;border:1px solid #dfe7ec;border-radius:9px;background:#fff}.navigation-preview .site-header{border:0;font-size:12px}.navigation-preview .site-header-inner{padding:0 18px}.navigation-preview .site-logo{font-size:22px}.navigation-preview .site-nav-item>a,.navigation-preview .site-nav-item>details>summary{padding:0 8px}.navigation-preview .site-nav-submenu{min-width:190px}.navigation-preview-note{margin:13px 20px 20px;color:#8491a1;font-size:11px}@media (max-width:1200px){.navigation-layout{grid-template-columns:1fr}.navigation-preview-panel{position:static}}@media (max-width:650px){.nav-node-header{flex-wrap:wrap}.nav-node-actions{width:100%;margin-left:0}.nav-node-fields{grid-template-columns:1fr}}.create-page-panel{padding:24px;margin-bottom:24px}.create-page-panel form{display:grid;grid-gap:16px;gap:16px;max-width:640px}.create-page-panel label{display:grid;grid-gap:6px;gap:6px}.create-page-panel input,.create-page-panel select{padding:10px;border:1px solid #ccd2da;border-radius:6px;font:inherit;width:100%}