.hub-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;background:linear-gradient(120deg,#e0f3ea,#e6f2f4);border:1px solid #c7e0d9;border-radius:22px;padding:38px}.hub-hero h2{font-size:2.4rem;line-height:1.08;letter-spacing:-.045em;margin:14px 0}.hub-hero p{max-width:560px;color:#4a6970}.hub-route{display:flex;flex-direction:column;padding:22px 28px;border-left:1px solid #b9d6d0;gap:8px}.hub-route span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#587b7c}.hub-route strong{margin-bottom:15px;font-size:1.1rem}.web-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.web-page-card{text-align:left;padding:24px;border-radius:16px;min-width:0;font-weight:400}.web-page-card h2{margin:18px 0 8px;font-size:1.25rem}.web-page-card p{font-size:.88rem;color:var(--muted)}.web-page-icon{display:inline-block;font-size:2rem;color:var(--teal);vertical-align:middle;margin-right:15px}.web-target{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.nav{overflow-y:auto;min-height:100px}.pill.draft{background:#edf1f2}.pill.staged,.pill.built{background:#e5f3ee;color:#296855}.pill.live{background:#d4eee3;color:#21684a}.pill.unknown{background:#fff0d4;color:#8a5710}#web-editor{width:min(1640px,97vw);height:94vh;max-width:97vw;max-height:94vh;padding:0;border:1px solid var(--line);border-radius:16px;background:#f6f9f8;overflow:hidden}#web-editor::backdrop,#web-small::backdrop{background:#0d2735b0;backdrop-filter:blur(2px)}.web-editor-head{padding:18px 24px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.web-editor-head h2{margin:3px 0;font-size:1.35rem}.web-tabs{display:flex;gap:5px;padding:10px 22px;background:#fff;border-bottom:1px solid var(--line)}.web-tabs button{border:0;background:transparent}.web-tabs button.active{background:#ddf1ea;color:#11635d}#web-editor-body{height:calc(94vh - 170px);overflow:auto}.web-compose{display:grid;grid-template-columns:200px 330px minmax(350px,1fr);min-height:100%;align-items:start}.web-block-list{padding:20px 13px;border-right:1px solid var(--line);background:#f0f6f4;min-height:100%;position:sticky;top:0;max-height:calc(94vh - 170px);overflow:auto}.web-block-list h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:10px}.web-block-list button{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;margin-bottom:5px;font-size:.84rem}.web-block-list button.active{background:#fff;border-color:#b7d7ca;box-shadow:0 2px 6px #123a4910}.web-block-list button small{display:block;font-size:.7rem;font-weight:400;margin-bottom:4px}.web-block-list button span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-block-list label{margin-top:18px}.web-properties{padding:25px 22px;background:white;border-right:1px solid var(--line);min-height:100%;overflow-wrap:anywhere}.web-properties h2{font-size:1.15rem}.web-properties textarea{min-height:120px}.web-properties .row button{padding:7px 10px;font-size:.76rem}.web-properties .muted{font-size:.81rem}.web-preview{padding:20px;min-width:0}.web-preview>.row{margin-bottom:10px}.web-preview .row button{padding:6px 9px;font-size:.74rem}.web-preview-scroll{overflow:auto;width:100%;max-height:calc(94vh - 280px);border:1px solid #cddfda;border-radius:12px;background:#dfeae6;padding:16px}.web-preview iframe{display:block;width:1100px;height:820px;border:0;background:white;transform-origin:top left;margin:0 auto;border-radius:4px}.web-preview p.muted{font-size:.78rem}.web-preview .notice{font-size:.78rem}.web-preview .notice ul{padding-left:18px;margin:8px 0}.web-logo-preview{max-width:200px;max-height:120px;object-fit:contain;padding:12px;background:#f2f6f5;border:1px solid var(--line);border-radius:10px;margin:10px 0 18px}.web-item{border:1px solid var(--line);border-radius:10px;padding:14px;background:#f8fbfa;margin-bottom:12px}.web-item strong{font-size:.8rem}.web-item textarea{min-height:75px}.web-tab-body{padding:25px;max-width:1200px;margin:0 auto}.web-event{padding:16px 0;border-top:1px solid var(--line)}.web-event small{display:block;font-size:.76rem;margin:5px 0}.web-event p{font-size:.87rem;margin:6px 0;white-space:pre-wrap}.web-release{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:18px 0}.web-release .row button{font-size:.8rem}.web-release a{overflow-wrap:anywhere}.web-shared-entry{max-width:1000px}.web-shared-entry .row label{min-width:160px}.web-shared-entry code{font-size:.85rem}.web-shared-entry .row button{font-size:.76rem}#web-small{width:min(760px,95vw);max-height:90vh;padding:0;border:1px solid var(--line);border-radius:14px;background:white}.web-small-body{padding:24px}.web-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.web-pick{padding:0;text-align:left;overflow:hidden;min-width:0}.web-pick img{width:100%;aspect-ratio:4/3;object-fit:cover}.web-pick strong{display:block;font-size:.84rem;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-pick small{display:block;font-size:.7rem;padding:0 8px 10px}.web-pick>span{display:block;text-align:center;padding:30px;font-size:2rem}.web-shared-entry .grid2{gap:0 20px}#web-save-state{display:block;max-width:600px;overflow-wrap:anywhere}@media(max-width:1250px){.web-compose{grid-template-columns:175px minmax(270px,1fr) minmax(320px,1fr)}.web-preview iframe{width:768px}}@media(max-width:980px){.web-compose{grid-template-columns:165px minmax(0,1fr)}.web-preview{grid-column:1/-1}.web-block-list{position:static}.web-preview iframe{width:768px}.hub-hero{padding:28px;gap:18px}.hub-route{padding:16px}}@media(max-width:640px){.hub-hero{grid-template-columns:1fr}.hub-route{border-left:0;border-top:1px solid #b9d6d0}.hub-hero h2{font-size:2rem}#web-editor{height:98vh;max-height:98vh;width:100vw;max-width:100vw;border-radius:0}.web-editor-head{padding:12px;align-items:flex-start}.web-editor-head h2{font-size:1.1rem}.web-editor-head .row{gap:5px}.web-editor-head .row button{padding:7px;font-size:.75rem}.web-tabs{padding:8px;gap:0}.web-tabs button{font-size:.76rem;padding:8px}#web-editor-body{height:calc(98vh - 170px)}.web-compose{grid-template-columns:1fr}.web-block-list{border:0;max-height:180px;overflow:auto;display:block;min-height:0}.web-block-list h3{display:none}#web-block-buttons{display:flex;gap:5px;overflow-x:auto}#web-block-buttons button{flex:0 0 145px}.web-block-list>.notice{display:none}.web-properties{padding:18px}.web-preview{grid-column:auto;padding:12px}.web-preview iframe{width:390px}.web-pick-grid{grid-template-columns:repeat(2,1fr)}.web-tab-body{padding:15px}.web-tabs .active{border-radius:5px}.web-small-body{padding:18px}.web-page-grid{grid-template-columns:1fr}}