.brandbook-app{height:100dvh;overflow:hidden}.brandbook-workspace{height:calc(100dvh - var(--app-header-height));display:grid;grid-template-columns:310px minmax(0,1fr);min-height:0}.brandbook-settings{padding:23px 20px;overflow:auto;background:#fff;border-right:1px solid var(--line)}.brandbook-settings h1{font:28px LBSerif,Georgia,serif;margin-bottom:12px}.brandbook-settings h2{margin:24px 0 12px}.brandbook-settings>label{margin:15px 0}.brandbook-settings textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:5px;padding:9px;font:inherit}.brandbook-settings .video-note{margin:12px 0}.brandbook-preview{overflow:auto;padding:26px;background:var(--stage);min-width:0}.brandbook-intro{margin-bottom:22px}#b-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));gap:24px;align-items:start}#b-pages figure{margin:0;min-width:0}#b-pages figcaption{margin-bottom:9px;font-size:12px;color:#67735b}#b-pages canvas{display:block;width:100%;height:auto;box-shadow:0 4px 20px #0002}#b-styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}#b-styles button{border:1px solid var(--line);border-radius:7px;text-align:left;padding:12px;font-size:12px;min-height:52px}#b-styles button[aria-pressed=true]{outline:2px solid #657b55;outline-offset:2px}#b-images{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}#b-images img{width:100%;height:85px;object-fit:cover;display:block}#b-images>div{min-width:0}#b-images button{font-size:10px;padding:4px;border:0;background:#eef1e8}#b-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#303b2b;color:#fff;border-radius:8px;padding:15px 20px;z-index:30;max-width:85vw}.brandbook-app button[disabled]{opacity:.45}@media(max-width:850px){.brandbook-app{height:auto;overflow:auto}.brandbook-workspace{height:auto;grid-template-columns:1fr}.brandbook-settings{overflow:visible}.brandbook-preview{overflow:visible;padding:16px}#b-styles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media print{.brandbook-settings{display:none}.brandbook-workspace{display:block;height:auto}.brandbook-preview{overflow:visible}#b-pages{display:block}#b-pages figure{break-after:page}}