[hidden]{display:none!important}html{scroll-behavior:auto}.ds-shell{max-width:1440px;padding:var(--space-5);margin:auto}header{display:flex;gap:var(--space-4);justify-content:space-between;align-items:start}h1{font-size:clamp(1.6rem,3vw,2.3rem)}header p{max-width:80ch}nav{display:flex;align-items:end;gap:var(--space-3);margin:var(--space-4) 0}nav label{flex:1;display:grid;gap:var(--space-1)}select{font:inherit;background:var(--surface);color:var(--on-surface);border:1px solid var(--outline);border-radius:var(--radius-sm);padding:.7rem;max-width:100%;width:100%}button{white-space:nowrap}#review{border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-container-low)}.view-heading{margin-bottom:var(--space-3)}.view-heading h2{font-size:1.3rem;margin:var(--space-1) 0}.designer-viewport{position:relative;width:100%;aspect-ratio:1512/771;overflow:hidden;background:#fff;color-scheme:light;border:1px solid var(--outline-variant);border-radius:var(--radius-sm)}#designer{transform-origin:0 0;pointer-events:none;position:absolute;inset:0 auto auto 0;color-scheme:light}.caption-band{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-md)}#caption{font-size:clamp(1.1rem,1.8vw,1.35rem);margin:0 0 var(--space-2)}#reading{font-family:var(--font-mono);font-size:.9rem;overflow-wrap:anywhere;margin:0}.note{color:var(--on-surface-variant);font-size:.9rem;margin:var(--space-3) 0 0}.df-site{padding:24px;color:#111}.df-site-container{position:relative;left:auto;top:auto;width:100%;max-width:960px;margin:0 auto;padding:16px}.df-site-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:160px;gap:16px;padding-left:0;align-items:stretch}.df-site-el{width:auto;height:auto;min-width:0;display:flex;align-items:center;justify-content:center}.df-site-text{font-size:20px;line-height:1.35;color:#111;max-width:100%;overflow-wrap:anywhere}.df-site-intro{margin:0 0 44px;font-size:20px;line-height:1.4}.df-site-group-label{font-size:14px;line-height:20px;margin:0 0 24px;color:#444}.prose{max-width:90ch}.draft-prose{max-width:90ch;margin:auto}.draft-prose img{max-width:100%;height:auto}.draft-prose table{font-size:.9rem;display:block;overflow-x:auto}.df-chip-text{color:#fff}@media(max-width:650px){.ds-shell{padding:var(--space-3)}header{display:block}nav{flex-wrap:wrap}nav label{order:-1;flex-basis:100%;min-width:0}nav button{flex:1}.caption-band{padding:var(--space-3)}#reading{font-size:.8rem}.designer-viewport{min-height:180px;overflow:auto}#designer{transform-origin:0 0}.view-heading h2{font-size:1.1rem}}
#panel-detail{margin-top:var(--space-3)}#style-detail{position:relative;max-width:320px;width:100%;margin:var(--space-3) auto;overflow:hidden;background:#fff;color-scheme:light}#style-detail .df-app{width:241px;height:731px;transform-origin:0 0}#style-detail .df-panel{left:0;top:0;width:241px;height:731px}#style-detail .df-chip-text{color:#fff}