.bookshelf{width:100%;box-sizing:border-box;background:var(--color-bg-secondary);border-radius:var(--border-radius-default);padding:clamp(24px,4vw,64px);border:1px solid var(--color-border);overflow:visible;transition:background .35s ease,border-color .35s ease,color .35s ease}.bookshelf-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:clamp(20px,3vw,40px);align-items:start;margin-bottom:clamp(16px,2vw,28px)}@media (max-width: 820px){.bookshelf-top{grid-template-columns:1fr}}.bookshelf-header{margin-bottom:0;max-width:42ch}.bookshelf-imprint{margin:0 0 4px;font-family:var(--serif);font-size:clamp(28px,3vw,36px);font-weight:300;letter-spacing:-.02em;color:var(--color-primary)}.bookshelf-genre{margin:0 0 18px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.bookshelf-title{font-size:1.25rem;margin:0 0 10px;color:var(--color-text);font-weight:500}.bookshelf-lead{margin:0;font-size:15px;line-height:1.55;color:var(--color-text-secondary)}.bookshelf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(16px,2vw,32px);width:100%;overflow:visible;padding:12px 4px 4px}@media (max-width: 640px){.bookshelf{padding:clamp(16px,4vw,24px)}.bookshelf-top{display:none}.bookshelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:8px}.bookshelf-top{margin-bottom:12px}.bookshelf-imprint{font-size:clamp(22px,6vw,28px)}}.book-card{width:100%;max-width:280px;min-height:360px;justify-self:center;box-sizing:border-box;background:var(--color-bg-secondary);border-radius:var(--border-radius-default);padding:32px;border:1px solid var(--color-border);position:relative;overflow:hidden}.book-card img{width:100%;aspect-ratio:2 / 3;margin-bottom:1.5rem;object-fit:cover;object-position:center;border-radius:var(--border-radius-default);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.book-card h3{color:var(--color-primary);font-size:1.2em;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem;position:relative}.book-card p{color:var(--color-Neutral);font-weight:500;position:relative}.main-content .content-container{max-width:1200px;margin:0 auto;background-color:var(--bg2);border-radius:22px;padding:2rem;border:1px solid var(--line);box-shadow:0 20px 50px #00000038}.toolbar-button{cursor:pointer}.toolbar-button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--slider-bg);outline:none;transition:all .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--slider-active);cursor:pointer;border:2px solid var(--bg2);box-shadow:0 1px 3px var(--shadow-color);transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--selected-border)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.9)}input[type=number]{border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:14px;background:var(--bg2);color:var(--ink);transition:all .2s ease}input[type=number]:hover{border-color:var(--selected-border)}input[type=number]:focus{outline:none;border-color:var(--selected-border);box-shadow:0 0 0 3px #0066ff1a}.token-item{position:relative;transition:all .2s ease}.token-item:hover{border-color:var(--color-primary)!important;background:var(--color-bg-primary)!important}.token-item.active{background:var(--color-bg-primary)}.token-type-selector{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}.token-type-selector button{padding:8px 16px;background:var(--bg2);border:1px solid var(--line);border-radius:4px;color:var(--ink-soft);cursor:pointer;transition:all .2s ease}.token-type-selector button.selected{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-border)}.book-card.book-card-aeroglobal{transform:translateZ(0) scale(1) rotate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.book-card.book-card-aeroglobal:hover{transform:translate3d(0,-4px,0) scale(1.02) rotate(0)}.book-card.book-card-branda{transform:translateZ(0) scale(1) rotate(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.book-card.book-card-branda:hover{transform:translate3d(0,-4px,0) scale(1.1) rotate(5deg)}.spring-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:transparent;margin:12px 0}.spring-range-input::-webkit-slider-runnable-track{width:100%;height:2px;background:var(--color-border);border:none;border-radius:1px}.spring-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:none;margin-top:-7px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px var(--color-shadow)}.spring-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px var(--color-shadow)}.spring-range-input:hover::-webkit-slider-thumb{transform:scale(1.2)}.spring-range-input{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--color-bg-secondary);outline:none;padding:0;margin:0}.spring-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 4px var(--color-shadow);transition:transform .1s ease}.spring-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 4px var(--color-shadow);transition:transform .1s ease}.spring-range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.spring-range-input::-moz-range-thumb:hover{transform:scale(1.1)}.spring-range-input:active::-webkit-slider-thumb{transform:scale(.9)}.spring-range-input:active::-moz-range-thumb{transform:scale(.9)}.app{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut) clamp(48px,6vw,80px);box-sizing:border-box}.motion-theme-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}.motion-theme-toggle__label{font-family:var(--sans);font-weight:500}.main-content{width:100%;min-width:0}.product-demo{width:100%;max-width:100%;color:var(--color-text);border-radius:22px;overflow:visible;transition:background .35s ease,color .35s ease,border-color .35s ease}[data-theme=dark] .product-demo{box-shadow:0 20px 50px #00000059}.motion-token-readout{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-default);padding:16px 18px;font-family:var(--mono);font-size:12px;line-height:1.45}.motion-token-readout__label{margin:0 0 4px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.motion-token-readout__imprint{margin:0 0 14px;font-family:var(--serif);font-size:20px;font-weight:300;color:var(--color-primary)}.motion-token-readout__block+.motion-token-readout__block{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border)}.motion-token-readout__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;margin-bottom:8px}.motion-token-readout__name{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--color-text)}.motion-token-readout__path{font-size:11px;color:var(--color-text-secondary)}.motion-token-readout__values{margin:0;padding:0;list-style:none}.motion-token-readout__values li{color:var(--color-text-secondary);padding:2px 0;word-break:break-word}.motion-token-readout__hint{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--color-border);font-family:var(--sans);font-size:11px;color:var(--color-text-secondary)}:root{font-family:var(--sans);line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;position:relative;z-index:1}.theme-aeroglobal{--color-primary: #8b4518;--color-secondary: #f4eadc;--color-tertiary: #faf7f2;--color-border: #e8dcc8;--color-shadow: rgba(139, 69, 24, .18);--color-text: #2c2419;--color-text-secondary: #6b5d4f;--color-bg-primary: #f4eadc;--color-bg-secondary: #fffdf9;--color-Neutral: #2c2419;--shadow-small: 0 2px 8px 0 rgba(139, 69, 24, .12);--shadow-medium: 0 8px 24px 0 rgba(139, 69, 24, .14);--border-radius-default: 10px}[data-theme=dark] .theme-aeroglobal{--color-primary: #d4956a;--color-secondary: #2a221b;--color-tertiary: #1e1914;--color-border: rgba(212, 149, 106, .22);--color-shadow: rgba(0, 0, 0, .35);--color-text: #f4eadc;--color-text-secondary: #a89888;--color-bg-primary: #221c17;--color-bg-secondary: #1a1612;--color-Neutral: #f4eadc;--shadow-small: 0 2px 8px 0 rgba(0, 0, 0, .28);--shadow-medium: 0 10px 28px 0 rgba(0, 0, 0, .38)}.theme-branda{--color-primary: #7a1020;--color-secondary: #ece8ea;--color-border: #ddd6da;--color-tertiary: #f5f3f4;--color-Neutral: #14080c;--color-shadow: rgba(20, 8, 12, .22);--color-text: #14080c;--color-text-secondary: #5c4a50;--color-bg-primary: #ece8ea;--color-bg-secondary: #ffffff;--shadow-small: 0 2px 8px 0 rgba(20, 8, 12, .16);--shadow-medium: 0 10px 28px 0 rgba(20, 8, 12, .2);--border-radius-default: 3px}[data-theme=dark] .theme-branda{--color-primary: #e05a72;--color-secondary: #1a1216;--color-border: rgba(224, 90, 114, .22);--color-tertiary: #141014;--color-Neutral: #f0eaec;--color-shadow: rgba(0, 0, 0, .35);--color-text: #f0eaec;--color-text-secondary: #9a8a90;--color-bg-primary: #1a1216;--color-bg-secondary: #141014;--shadow-small: 0 2px 8px 0 rgba(0, 0, 0, .28);--shadow-medium: 0 10px 28px 0 rgba(0, 0, 0, .38)}