@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-small{padding:8px 16px;font-size:14px}.btn-medium{padding:12px 24px;font-size:16px}.btn-large{padding:16px 32px;font-size:18px;min-height:56px}.btn-primary{background:#ff6b6b;color:#fff}.btn-primary:hover{background:#ff5252}.btn-secondary{background:#01baef;color:#fff}.btn-secondary:hover{background:#00a8db}.btn-outline{background:transparent;color:#fff;border:2px solid white}.btn-outline:hover{background:#ffffff1a}.header{background:#fff;border-bottom:1px solid #E5F2F7;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000000a}.header-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0b4f6c;font-weight:700;font-size:18px;font-family:Montserrat,sans-serif}.logo-icon{font-size:28px;line-height:1}.logo-text{display:none}@media(min-width:640px){.logo-text{display:inline}}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px}.hamburger{width:24px;height:2px;background:#0b4f6c;position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:#0b4f6c;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{bottom:0;transform:rotate(-45deg)}.header-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #E5F2F7;padding:16px 24px;gap:16px;box-shadow:0 4px 12px #00000014}.header-nav.open{display:flex}.nav-link{color:#4a5f6b;text-decoration:none;font-weight:500;font-size:16px;padding:8px 0;transition:color .2s ease}.nav-link:hover{color:#0b4f6c}@media(min-width:768px){.mobile-menu-toggle{display:none}.header-nav{display:flex;flex-direction:row;position:static;align-items:center;gap:32px;padding:0;border:none;box-shadow:none}.nav-link{padding:0}}.footer{background:#041e2c;color:#fff;padding:48px 24px 24px}.footer-container{max-width:1200px;margin:0 auto 32px;display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.footer-container{grid-template-columns:repeat(3,1fr)}}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-heading{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.5px}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-link{color:#e5f2f7;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-link:hover{color:#01baef}.footer-text{color:#e5f2f7;font-size:14px;line-height:1.6;margin:0}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(229,242,247,.2);text-align:center}.footer-copyright{color:#e5f2f7;font-size:14px;margin:0}.editor-layout{min-height:100vh;display:flex;flex-direction:column}.editor-header{background:#fff;border-bottom:1px solid #E5F2F7;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000a}.editor-home-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#0b4f6c;font-weight:600;font-size:16px}.editor-logo{font-size:24px}.editor-title{display:none}@media(min-width:640px){.editor-title{display:inline}}.editor-docs-link{color:#4a5f6b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.editor-docs-link:hover{color:#0b4f6c}.editor-main{flex:1}.docs-sidebar{background:#fff;border-radius:12px;padding:24px;height:fit-content;position:sticky;top:88px}.docs-nav{display:flex;flex-direction:column;gap:24px}.docs-nav-section{display:flex;flex-direction:column;gap:8px}.docs-nav-heading{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#4a5f6b;text-transform:uppercase;letter-spacing:.5px;margin:0}.docs-nav-link{color:#4a5f6b;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .2s ease}.docs-nav-link:hover{background:#e5f2f7;color:#0b4f6c}.docs-nav-link.active{background:#e5f2f7;color:#0b4f6c;font-weight:600}.docs-layout{min-height:100vh;display:flex;flex-direction:column}.docs-container{flex:1;max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr;gap:32px;width:100%}@media(min-width:1024px){.docs-container{grid-template-columns:280px 1fr}}.docs-main{min-width:0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%230B4F6C;stop-opacity:0.3"/><stop offset="100%" style="stop-color:%2301BAEF;stop-opacity:0.1"/></linearGradient></defs><circle cx="200" cy="150" r="80" fill="url(%23grad)" opacity="0.3"/><circle cx="800" cy="600" r="120" fill="url(%23grad)" opacity="0.2"/><circle cx="1000" cy="200" r="60" fill="url(%23grad)" opacity="0.4"/></svg>');background-size:cover;background-position:center;opacity:.3}.hero-overlay{position:relative;z-index:1;width:100%;max-width:1200px;padding:48px 24px;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:32px}.hero-title{font-family:var(--font-heading);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:#fff;max-width:900px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-family:var(--font-body);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:#fffffff2;max-width:700px;margin:0}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.hero-trust{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center;padding:24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.trust-item{display:flex;flex-direction:column;align-items:center;gap:4px}.trust-number{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;line-height:1}.trust-label{font-size:var(--font-size-sm);color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.trust-divider{color:#ffffff4d;font-size:var(--font-size-2xl);line-height:1}@media(max-width:768px){.hero{min-height:90vh}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;max-width:400px}.trust-divider{display:none}.hero-trust{gap:16px}.trust-number{font-size:var(--font-size-xl)}.trust-label{font-size:var(--font-size-xs)}}@media(max-width:480px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-trust{padding:16px}}.transparency-section{padding:80px 24px;background:#fff}.transparency-container{max-width:1200px;margin:0 auto}.transparency-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);text-align:center;margin-bottom:48px}.transparency-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.transparency-card{background:var(--color-bg-hover);padding:32px;border-radius:12px;border:1px solid var(--color-border);grid-column:span 2}.transparency-card:nth-child(4){grid-column:2 / span 2}.transparency-card:nth-child(5){grid-column:4 / span 2}.transparency-icon{font-size:48px;margin-bottom:16px}.transparency-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin-bottom:12px}.transparency-card p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0}.transparency-card ul{list-style:none;padding:0;margin:0}.transparency-card li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);padding-left:24px;position:relative;margin-bottom:8px}.transparency-card li:before{content:"•";position:absolute;left:8px;color:var(--color-accent);font-weight:700}.transparency-card li:last-child{margin-bottom:0}.transparency-card strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.transparency-cta{text-align:center;padding:32px;background:var(--gradient-hero);border-radius:12px}.transparency-cta p{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:16px}.transparency-link{display:inline-block;padding:12px 32px;background:#fff;color:var(--color-primary);font-weight:var(--font-weight-semibold);border-radius:8px;text-decoration:none;transition:all .2s ease}.transparency-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:900px){.transparency-grid{grid-template-columns:repeat(2,1fr)}.transparency-card{grid-column:span 1}.transparency-card:nth-child(4),.transparency-card:nth-child(5){grid-column:span 1}}@media(max-width:768px){.transparency-section{padding:60px 24px}.transparency-title{font-size:var(--font-size-2xl);margin-bottom:32px}.transparency-grid{grid-template-columns:1fr;gap:16px}.transparency-card{padding:24px;grid-column:span 1}.transparency-card:nth-child(4),.transparency-card:nth-child(5){grid-column:span 1}.transparency-icon{font-size:40px}.transparency-card h3{font-size:var(--font-size-lg)}.transparency-cta{padding:24px}.transparency-cta p{font-size:var(--font-size-base)}}.problem-solution-section{padding:80px 24px;background:var(--color-bg-hover)}.problem-solution-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px}.problem-column,.solution-column{padding:40px;border-radius:16px}.problem-column{background:#fff;border:2px solid #ffebeb}.solution-column{background:#fff;border:2px solid #e0f7ff}.column-icon{font-size:64px;margin-bottom:24px;line-height:1}.column-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 0 24px}.problem-list,.solution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.problem-list li,.solution-list li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);padding-left:32px;position:relative}.problem-list li:before{content:"✗";position:absolute;left:0;color:#c53030;font-weight:700;font-size:20px}.solution-list li:before{content:"✓";position:absolute;left:0;color:#38a169;font-weight:700;font-size:20px}@media(max-width:1024px){.problem-solution-container{grid-template-columns:1fr;gap:32px}.problem-column,.solution-column{padding:32px}}@media(max-width:768px){.problem-solution-section{padding:60px 24px}.column-icon{font-size:48px}.column-title{font-size:var(--font-size-xl)}.problem-column,.solution-column{padding:24px}}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.card-hoverable{transition:all .3s ease;cursor:pointer}.card-hoverable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.feature-grid-section{padding:80px 24px;background:#fff}.feature-grid-container{max-width:1200px;margin:0 auto}.feature-grid-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);text-align:center;margin-bottom:64px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{text-align:center;padding:32px 24px}.feature-icon{font-size:48px;margin-bottom:16px;line-height:1}.feature-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 12px}.feature-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0}@media(max-width:768px){.feature-grid-section{padding:60px 24px}.feature-grid-title{font-size:var(--font-size-2xl);margin-bottom:48px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px}.feature-icon{font-size:40px}}.use-cases-section{padding:80px 24px;background:var(--color-bg)}.use-cases-container{max-width:1200px;margin:0 auto}.use-cases-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);text-align:center;margin-bottom:64px}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.use-case-card{text-align:center;padding:40px 32px;transition:transform .3s ease,box-shadow .3s ease}.use-case-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.use-case-icon{font-size:72px;margin-bottom:24px;line-height:1}.use-case-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 16px}.use-case-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0}@media(max-width:1024px){.use-cases-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.use-cases-section{padding:60px 24px}.use-cases-title{font-size:var(--font-size-2xl);margin-bottom:48px}.use-case-card{padding:32px 24px}.use-case-icon{font-size:56px}}.faq-section{padding:80px 24px;background:var(--color-bg-hover)}.faq-container{max-width:800px;margin:0 auto}.faq-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);text-align:center;margin-bottom:48px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border:none;cursor:pointer;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);text-align:left;transition:background .2s ease}.faq-question:hover{background:var(--color-bg-hover)}.faq-question.active{background:var(--color-bg-hover);color:var(--color-primary)}.faq-icon{font-size:24px;font-weight:300;color:var(--color-accent);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{padding:24px;animation:slideDown .3s ease}.faq-answer p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.faq-section{padding:60px 24px}.faq-title{font-size:var(--font-size-2xl);margin-bottom:32px}.faq-question{padding:16px 20px;font-size:var(--font-size-base)}.faq-icon{font-size:20px}.faq-answer{padding:0 20px 20px}}.cta-section{padding:100px 24px;background:var(--gradient-hero);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(1,186,239,.2) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,107,107,.15) 0%,transparent 50%);pointer-events:none}.cta-container{position:relative;z-index:1;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}.cta-title{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cta-subtitle{font-size:var(--font-size-xl);color:#fffffff2;margin:0}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.cta-section{padding:80px 24px}.cta-title{font-size:var(--font-size-3xl)}.cta-subtitle{font-size:var(--font-size-lg)}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%;max-width:400px}}@media(max-width:480px){.cta-title{font-size:var(--font-size-2xl)}.cta-subtitle{font-size:var(--font-size-base)}}.field-selector h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-primary)}.field-category{margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.category-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text)}.category-actions{display:flex;gap:var(--space-2)}.link-btn{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.link-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-hover)}.link-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.field-list{padding:var(--space-2) var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.field-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1) 0;transition:color var(--transition)}.field-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.field-item span{color:var(--color-text-muted);transition:color var(--transition)}.field-item:hover span{color:var(--color-text)}.field-item input:checked+span{color:var(--color-text)}.language-selector h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-primary)}.language-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.language-options{display:flex;flex-direction:column;gap:var(--space-2)}.language-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.language-option:hover{border-color:var(--color-text-light);background:var(--color-bg)}.language-option:has(input:checked){border-color:var(--color-accent);background:var(--color-bg)}.language-option:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.language-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.language-flag{font-size:var(--font-size-lg);line-height:1}.language-name{font-size:var(--font-size-base);color:var(--color-text)}.unit-selector h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-primary)}.unit-toggle{display:flex;gap:var(--space-2)}.unit-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.unit-btn:hover{border-color:var(--color-text-light);background:var(--color-bg)}.unit-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.unit-btn.active{border-color:var(--color-accent);background:var(--color-bg)}.unit-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text)}.unit-examples{font-size:var(--font-size-xs);color:var(--color-text-muted)}.layout-options h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-primary)}.option-group{margin-bottom:var(--space-4)}.option-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2)}.option-select{width:100%;height:var(--input-height);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition)}.option-select:hover{border-color:var(--color-text-light)}.option-select:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.option-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.option-btn{height:var(--button-height-sm);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-card);font-size:var(--font-size-base);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.option-btn:hover{border-color:var(--color-text-light);background:var(--color-bg)}.option-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.option-btn.active{border-color:var(--color-accent);background:var(--color-bg);color:var(--color-accent);font-weight:var(--font-weight-medium)}.option-range{width:100%;height:6px;border-radius:3px;background:var(--color-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.option-range:focus{outline:none}.option-range:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.option-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:transform var(--transition)}.option-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.option-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.branding-editor h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-primary)}.branding-group{margin-bottom:var(--space-4)}.branding-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2)}.branding-input{width:100%;height:var(--input-height);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition)}.branding-input:hover{border-color:var(--color-text-light)}.branding-input:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.branding-input::placeholder{color:var(--color-text-light)}.logo-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.logo-preview img{max-width:80px;max-height:60px;object-fit:contain}.remove-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius);background:var(--color-bg-card);color:var(--color-error);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition)}.remove-btn:hover{background:var(--color-error-bg)}.remove-btn:focus-visible{outline:2px solid var(--color-error);outline-offset:1px}.logo-upload{display:flex;align-items:center;gap:var(--space-3)}.file-input{display:none}.upload-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--button-height-sm);padding:0 var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-bg-card);color:var(--color-accent);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition);white-space:nowrap}.upload-btn:hover{background:var(--color-bg)}.upload-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.watermark-controls{display:flex;flex-direction:column;gap:var(--space-3)}.watermark-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.watermark-preview img{max-width:60px;max-height:60px;object-fit:contain;filter:grayscale(100%) opacity(.3)}.size-slider{display:flex;flex-direction:column;gap:var(--space-1)}.size-slider label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.size-slider input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--color-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.size-slider input[type=range]:focus{outline:none}.size-slider input[type=range]:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.size-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:transform var(--transition)}.size-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.size-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}.export-controls h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-primary)}.export-buttons{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.export-btn{flex:1;height:var(--button-height);padding:0 var(--space-4);border-radius:var(--radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition),border-color var(--transition),opacity var(--transition)}.export-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.export-btn:disabled{opacity:.5;cursor:not-allowed}.print-btn{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.print-btn:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-light)}.pdf-btn{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.pdf-btn:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.share-btn{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.share-btn:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-light)}.share-url{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.url-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.url-code{font-size:var(--font-size-xs);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:var(--color-text);background:var(--color-bg-hover);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logbook-preview{display:flex;justify-content:center;align-items:flex-start;padding:24px;background:#475569;min-height:100%;overflow:auto}.page-container{background:#fff;box-shadow:0 8px 32px #00000040,0 2px 8px #0000001a;flex-shrink:0;border-radius:2px}.page-container.size-a5{width:350px;aspect-ratio:148 / 210}.page-container.size-a4-portrait{width:450px;aspect-ratio:210 / 297}.page-container.size-a4-landscape{width:580px;aspect-ratio:297 / 210}.page-container.size-a5-2up{width:740px;aspect-ratio:297 / 210;display:flex;flex-direction:row}.a5-page{flex:1;display:flex;height:100%;min-width:0;min-height:0;overflow:hidden}.a5-page .logbook-page{flex:1;min-width:0}.a5-left{border-right:1px dashed #ccc;flex-direction:row}.a5-right{flex-direction:row}.a5-left .binding-margin{order:1;border-right:none;border-left:1px dashed #ccc}.a5-left .logbook-page{order:0}.page-container.has-binding{display:flex}.binding-margin{width:20px;background:#f8f8f8;border-right:1px dashed #ccc;position:relative;flex-shrink:0}.hole-guide{position:absolute;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:1px dashed #bbb;border-radius:50%;background:transparent}.page-container.has-binding .logbook-page{flex:1}.logbook-page{width:100%;height:100%;padding:14px;box-sizing:border-box;display:flex;min-height:0;overflow:hidden;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8px;color:#1a1a1a}.logbook-page.paper-white{background:#fff}.logbook-page.paper-cream{background:#fdf8f0}.page-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #2d2d2d}.page-logo{width:28px;height:28px;object-fit:contain}.page-title{font-size:12px;font-weight:600;color:#1a1a1a;letter-spacing:.02em}.entries-container{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.logs-4 .entries-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.entry-body.has-watermark{position:relative;overflow:hidden}.entry-body.has-watermark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--watermark-url);background-size:var(--watermark-size, 50%);background-position:center;background-repeat:no-repeat;filter:grayscale(100%);opacity:.2;pointer-events:none;z-index:1;mix-blend-mode:multiply}.entry-body.has-watermark>*{position:relative;z-index:2}.style-classic .dive-entry{flex:1;display:flex;flex-direction:column;border:1px solid #2d2d2d;min-height:0}.style-classic .entry-header{display:flex;gap:12px;background:#ebebeb;padding:6px 10px;border-bottom:1px solid #c5c5c5}.style-classic .header-field{display:flex;align-items:center;gap:4px}.style-classic .header-field:last-child{flex:1}.style-classic .header-field:last-child .header-value{flex:1}.style-classic .header-label{font-size:6px;font-weight:600;color:#3d3d3d;text-transform:uppercase;letter-spacing:.02em}.style-classic .header-value{background:#fff;padding:2px 6px;min-width:40px;min-height:14px;display:flex;align-items:center}.style-classic .header-format{font-size:7px;color:#999;font-family:Courier New,monospace}.style-classic .entry-body{flex:1;display:flex;flex-direction:column;padding:8px;background:#ebebeb;min-height:0}.style-classic .fields-grid{display:flex;flex-wrap:wrap;gap:4px}.style-classic .field-group{display:contents}.style-classic .field{display:flex;align-items:center;gap:4px;background:#fff;padding:3px 6px;min-height:18px}.style-classic .field-small{flex:0 0 auto}.style-classic .field-medium{flex:1 1 120px;min-width:100px}.style-classic .field-large{flex:2 1 180px;min-width:140px}.style-classic .field-label{font-size:6px;font-weight:600;color:#3d3d3d;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.style-classic .field-value{flex:1;min-width:20px}.style-classic .format-hint{font-size:7px;color:#999;font-family:Courier New,monospace}.style-classic .options-list{display:flex;gap:6px;align-items:center}.style-classic .option-item{display:flex;align-items:center;gap:2px}.style-classic .option-box{width:8px;height:8px;border:1px solid #666;background:#fff;flex-shrink:0}.style-classic .option-label{font-size:6px;color:#666}.style-classic .notes-section{flex:1;display:flex;flex-direction:column;gap:4px;margin-top:6px;min-height:40px}.style-classic .notes-field{flex:1;display:flex;flex-direction:column}.style-classic .notes-label{font-size:6px;font-weight:600;color:#3d3d3d;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px}.style-classic .notes-area{flex:1;background:#fff;min-height:0}.style-classic .entry-footer{display:flex;align-items:flex-end;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid #ccc}.style-classic .time-totals{display:flex;gap:6px}.style-classic .time-field{display:flex;flex-direction:column;gap:2px}.style-classic .time-label{font-size:5px;font-weight:600;color:#3d3d3d;text-transform:uppercase;letter-spacing:.02em;line-height:1}.style-classic .time-value{background:#fff;padding:2px 4px;min-width:32px;height:16px;box-sizing:border-box;display:flex;align-items:center}.style-classic .time-value .format-hint{font-size:6px}.style-classic .signature-field{flex:1;display:flex;align-items:flex-end;gap:4px}.style-classic .signature-label{font-size:5px;font-weight:600;color:#3d3d3d;text-transform:uppercase;letter-spacing:.02em;line-height:1;align-self:flex-end;padding-bottom:3px}.style-classic .signature-line{flex:1;border-bottom:1px dotted #666;height:16px;box-sizing:border-box}.style-minimal .dive-entry{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid #ddd;padding-bottom:8px}.style-minimal .entry-header{display:flex;gap:16px;padding:4px 0;margin-bottom:8px;border-bottom:1px solid #eee}.style-minimal .header-field{display:flex;align-items:baseline;gap:6px}.style-minimal .header-field:last-child{flex:1}.style-minimal .header-field:last-child .header-value{flex:1}.style-minimal .header-label{font-size:6px;font-weight:400;color:#888;text-transform:lowercase}.style-minimal .header-value{border-bottom:1px solid #ddd;min-width:40px;padding-bottom:2px}.style-minimal .header-format{font-size:7px;color:#bbb;font-family:Courier New,monospace}.style-minimal .entry-body{flex:1;display:flex;flex-direction:column;min-height:0}.style-minimal .fields-grid{display:flex;flex-wrap:wrap;gap:8px 16px}.style-minimal .field-group{display:contents}.style-minimal .field{display:flex;align-items:baseline;gap:6px}.style-minimal .field-small{flex:0 0 auto}.style-minimal .field-medium{flex:1 1 100px}.style-minimal .field-large{flex:2 1 160px}.style-minimal .field-label{font-size:6px;font-weight:400;color:#888;text-transform:lowercase}.style-minimal .field-value{border-bottom:1px solid #ddd;min-width:30px;padding-bottom:2px}.style-minimal .format-hint{font-size:7px;color:#bbb;font-family:Courier New,monospace}.style-minimal .options-list{display:flex;gap:8px;align-items:center}.style-minimal .option-item{display:flex;align-items:center;gap:3px}.style-minimal .option-box{width:7px;height:7px;border:1px solid #bbb;border-radius:50%;flex-shrink:0}.style-minimal .option-label{font-size:6px;color:#888}.style-minimal .notes-section{flex:1;display:flex;gap:12px;margin-top:12px;min-height:40px}.style-minimal .notes-field{flex:1;display:flex;flex-direction:column}.style-minimal .notes-label{font-size:6px;font-weight:400;color:#888;text-transform:lowercase;margin-bottom:4px}.style-minimal .notes-area{flex:1;border-bottom:1px solid #ddd;min-height:0}.style-minimal .entry-footer{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.style-minimal .time-totals{display:flex;gap:12px}.style-minimal .time-field{display:flex;flex-direction:column;gap:2px}.style-minimal .time-label{font-size:5px;font-weight:400;color:#888;text-transform:lowercase}.style-minimal .time-value{border-bottom:1px solid #ddd;min-width:32px;padding-bottom:2px}.style-minimal .time-value .format-hint{font-size:6px}.style-minimal .signature-field{flex:1;display:flex;align-items:flex-end;gap:6px}.style-minimal .signature-label{font-size:5px;font-weight:400;color:#888;text-transform:lowercase;padding-bottom:2px}.style-minimal .signature-line{flex:1;border-bottom:1px dotted #aaa;height:12px}.style-modern .dive-entry{flex:1;display:flex;flex-direction:column;background:#f5f5f5;min-height:0}.style-modern .entry-header{display:flex;gap:8px;background:#333;padding:6px 10px;color:#fff}.style-modern .header-field{display:flex;align-items:center;gap:4px}.style-modern .header-field:last-child{flex:1}.style-modern .header-field:last-child .header-value{flex:1}.style-modern .header-label{font-size:5px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.style-modern .header-value{background:#fff;padding:2px 6px;min-width:40px;min-height:14px;display:flex;align-items:center}.style-modern .header-format{font-size:7px;color:#999;font-family:Courier New,monospace}.style-modern .entry-body{flex:1;display:flex;flex-direction:column;padding:8px;min-height:0}.style-modern .fields-grid{display:flex;flex-wrap:wrap;gap:4px}.style-modern .field-group{display:contents}.style-modern .field{display:flex;flex-direction:column;background:#fff;padding:4px 6px;min-width:50px}.style-modern .field-small{flex:0 0 auto}.style-modern .field-medium{flex:1 1 100px;min-width:80px}.style-modern .field-large{flex:2 1 160px;min-width:120px}.style-modern .field-label{font-size:5px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.style-modern .field-value{min-height:10px}.style-modern .format-hint{font-size:7px;color:#aaa;font-family:Courier New,monospace}.style-modern .options-list{display:flex;gap:6px;align-items:center}.style-modern .option-item{display:flex;align-items:center;gap:2px}.style-modern .option-box{width:8px;height:8px;border:1.5px solid #999;border-radius:2px;flex-shrink:0}.style-modern .option-label{font-size:6px;color:#666}.style-modern .notes-section{flex:1;display:flex;flex-direction:column;gap:4px;margin-top:6px;min-height:40px}.style-modern .notes-field{flex:1;display:flex;flex-direction:column}.style-modern .notes-label{font-size:5px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.style-modern .notes-area{flex:1;background:#fff;min-height:0}.style-modern .entry-footer{display:flex;align-items:flex-end;gap:6px;margin-top:6px}.style-modern .time-totals{display:flex;gap:4px}.style-modern .time-field{display:flex;flex-direction:column;background:#fff;padding:3px 5px}.style-modern .time-label{font-size:4px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.style-modern .time-value{min-height:8px}.style-modern .time-value .format-hint{font-size:6px}.style-modern .signature-field{flex:1;display:flex;align-items:flex-end;gap:4px}.style-modern .signature-label{font-size:4px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;padding-bottom:2px}.style-modern .signature-line{flex:1;border-bottom:1px dotted #999;height:12px}.style-elegant .dive-entry{border:1px solid #c9b99a;flex:1;display:flex;flex-direction:column;background:transparent}.style-elegant .entry-header{display:flex;align-items:stretch;gap:12px;padding:6px 10px;background:transparent;border-bottom:1px solid #c9b99a}.style-elegant .header-field{display:flex;flex-direction:column;gap:2px}.style-elegant .header-field:last-child{flex:1}.style-elegant .header-field:last-child .header-value{flex:1}.style-elegant .header-label{font-family:Georgia,Times New Roman,serif;font-size:6px;text-transform:uppercase;letter-spacing:1px;color:#8b7355}.style-elegant .header-value{border-bottom:1px solid #c9b99a;min-width:50px;min-height:14px;padding:2px 4px}.style-elegant .header-format{font-family:Georgia,Times New Roman,serif;font-size:7px;color:#a89070;font-style:italic}.style-elegant .entry-body{flex:1;display:flex;flex-direction:column;padding:8px;gap:6px}.style-elegant .fields-grid{display:flex;flex-wrap:wrap;gap:4px}.style-elegant .field-group{display:contents}.style-elegant .field{display:flex;flex-direction:column;gap:2px;padding:3px 6px;flex:1 1 70px;min-width:60px}.style-elegant .field-small{flex:0 1 60px;min-width:50px}.style-elegant .field-medium{flex:1 1 80px;min-width:70px}.style-elegant .field-large{flex:2 1 120px;min-width:100px}.style-elegant .field-label{font-family:Georgia,Times New Roman,serif;font-size:6px;text-transform:uppercase;letter-spacing:.8px;color:#8b7355}.style-elegant .field-value{border-bottom:1px solid #c9b99a;min-height:12px}.style-elegant .format-hint{font-family:Georgia,Times New Roman,serif;font-size:7px;color:#a89070;font-style:italic}.style-elegant .options-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.style-elegant .option-item{display:flex;align-items:center;gap:3px}.style-elegant .option-box{width:7px;height:7px;border:1px solid #c9b99a;border-radius:0;flex-shrink:0}.style-elegant .option-label{font-family:Georgia,Times New Roman,serif;font-size:6px;color:#5a4a3a}.style-elegant .notes-section{flex:1;display:flex;flex-direction:column;gap:4px;min-height:30px;margin-top:4px}.style-elegant .notes-field{flex:1;display:flex;flex-direction:column}.style-elegant .notes-label{font-family:Georgia,Times New Roman,serif;font-size:6px;text-transform:uppercase;letter-spacing:.8px;color:#8b7355;margin-bottom:3px}.style-elegant .notes-area{flex:1;border:1px solid #c9b99a;min-height:20px}.style-elegant .entry-footer{display:flex;gap:8px;align-items:flex-end;margin-top:auto;padding-top:6px;border-top:1px solid #c9b99a}.style-elegant .time-totals{display:flex;gap:8px}.style-elegant .time-field{display:flex;flex-direction:column;gap:2px;padding:2px 4px}.style-elegant .time-label{font-family:Georgia,Times New Roman,serif;font-size:5px;text-transform:uppercase;letter-spacing:.5px;color:#8b7355}.style-elegant .time-value{border-bottom:1px solid #c9b99a;min-width:35px;min-height:10px}.style-elegant .time-value .format-hint{font-size:6px}.style-elegant .signature-field{flex:1;display:flex;flex-direction:column;gap:2px;max-width:120px}.style-elegant .signature-label{font-family:Georgia,Times New Roman,serif;font-size:5px;text-transform:uppercase;letter-spacing:.5px;color:#8b7355}.style-elegant .signature-line{flex:1;border-bottom:1px solid #c9b99a;height:12px}.style-bold .dive-entry{border:2px solid #1a1a1a;flex:1;display:flex;flex-direction:column;background:transparent;min-height:0;overflow:hidden}.style-bold .entry-header{display:flex;align-items:stretch;gap:6px;padding:3px 6px;background:#1a1a1a;color:#fff;flex-shrink:0}.style-bold .header-field{display:flex;flex-direction:column;gap:2px}.style-bold .header-field:last-child{flex:1}.style-bold .header-field:last-child .header-value{flex:1}.style-bold .header-label{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.style-bold .header-value{background:#fff;color:#1a1a1a;min-width:50px;min-height:10px;padding:1px 3px}.style-bold .header-format{font-size:7px;color:#666;font-weight:500}.style-bold .entry-body{flex:1;display:flex;flex-direction:column;padding:4px;gap:3px;min-height:0;overflow:hidden}.style-bold .fields-grid{display:flex;flex-wrap:wrap;gap:2px}.style-bold .field-group{display:contents}.style-bold .field{display:flex;flex-direction:row;align-items:center;gap:4px;padding:1px 4px;flex:1 1 70px;min-width:60px;border-left:3px solid #1a1a1a}.style-bold .field-small{flex:0 1 60px;min-width:50px}.style-bold .field-medium{flex:1 1 80px;min-width:70px}.style-bold .field-large{flex:2 1 120px;min-width:100px}.style-bold .field-label{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#1a1a1a}.style-bold .field-value{flex:1;border-bottom:2px solid #1a1a1a;min-height:8px}.style-bold .format-hint{font-size:7px;color:#666;font-weight:500}.style-bold .options-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.style-bold .option-item{display:flex;align-items:center;gap:3px}.style-bold .option-box{width:8px;height:8px;border:2px solid #1a1a1a;border-radius:0;flex-shrink:0}.style-bold .option-label{font-size:6px;font-weight:600;color:#1a1a1a}.style-bold .notes-section{flex:1;display:flex;flex-direction:column;gap:2px;min-height:0;margin-top:2px}.style-bold .notes-field{flex:1;display:flex;flex-direction:column}.style-bold .notes-label{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#1a1a1a;margin-bottom:1px}.style-bold .notes-area{flex:1;border:2px solid #1a1a1a;min-height:0}.style-bold .entry-footer{display:flex;gap:4px;align-items:flex-end;margin-top:auto;padding-top:3px;border-top:2px solid #1a1a1a;flex-shrink:0}.style-bold .time-totals{display:flex;gap:8px}.style-bold .time-field{display:flex;flex-direction:column;gap:2px;padding:2px 4px;border-left:2px solid #1a1a1a}.style-bold .time-label{font-size:5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#1a1a1a}.style-bold .time-value{border-bottom:2px solid #1a1a1a;min-width:35px;min-height:10px}.style-bold .time-value .format-hint{font-size:6px}.style-bold .signature-field{flex:1;display:flex;flex-direction:column;gap:2px;max-width:120px}.style-bold .signature-label{font-size:5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#1a1a1a}.style-bold .signature-line{flex:1;border-bottom:2px solid #1a1a1a;height:12px}.style-compact .dive-entry{border:1px solid #666;flex:1;display:flex;flex-direction:column;background:transparent;min-height:0;overflow:hidden}.style-compact .entry-header{display:flex;align-items:center;gap:6px;padding:2px 4px;background:#f0f0f0;border-bottom:1px solid #666;flex-shrink:0}.style-compact .header-field{display:flex;align-items:center;gap:4px}.style-compact .header-field:last-child{flex:1}.style-compact .header-field:last-child .header-value{flex:1}.style-compact .header-label{font-size:5px;font-weight:600;text-transform:uppercase;color:#555}.style-compact .header-value{border-bottom:1px solid #888;min-width:40px;min-height:10px;padding:1px 3px}.style-compact .header-format{font-size:6px;color:#777}.style-compact .entry-body{flex:1;display:flex;flex-direction:column;padding:3px;gap:2px;min-height:0;overflow:hidden}.style-compact .fields-grid{display:flex;flex-wrap:wrap;gap:2px}.style-compact .field-group{display:contents}.style-compact .field{display:flex;align-items:center;gap:4px;padding:2px 4px;flex:1 1 80px;min-width:70px;border:1px solid #ddd;background:#fafafa}.style-compact .field-small{flex:0 1 70px;min-width:60px}.style-compact .field-medium{flex:1 1 100px;min-width:80px}.style-compact .field-large{flex:2 1 140px;min-width:110px}.style-compact .field-label{font-size:5px;font-weight:600;text-transform:uppercase;color:#555;white-space:nowrap}.style-compact .field-value{flex:1;border-bottom:1px solid #999;min-height:10px}.style-compact .format-hint{font-size:6px;color:#777}.style-compact .options-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.style-compact .option-item{display:flex;align-items:center;gap:2px}.style-compact .option-box{width:6px;height:6px;border:1px solid #666;border-radius:0;flex-shrink:0}.style-compact .option-label{font-size:5px;color:#444}.style-compact .notes-section{flex:1;display:flex;flex-direction:column;gap:1px;min-height:0;margin-top:1px}.style-compact .notes-field{flex:1;display:flex;flex-direction:column}.style-compact .notes-label{font-size:5px;font-weight:600;text-transform:uppercase;color:#555;margin-bottom:1px}.style-compact .notes-area{flex:1;border:1px solid #999;min-height:0}.style-compact .entry-footer{display:flex;gap:4px;align-items:center;margin-top:auto;padding-top:2px;border-top:1px solid #ccc;flex-shrink:0}.style-compact .time-totals{display:flex;gap:6px}.style-compact .time-field{display:flex;align-items:center;gap:3px;padding:1px 3px;background:#f0f0f0;border:1px solid #ddd}.style-compact .time-label{font-size:4px;font-weight:600;text-transform:uppercase;color:#555}.style-compact .time-value{border-bottom:1px solid #888;min-width:30px;min-height:8px}.style-compact .time-value .format-hint{font-size:5px}.style-compact .signature-field{flex:1;display:flex;align-items:center;gap:4px;max-width:100px}.style-compact .signature-label{font-size:4px;font-weight:600;text-transform:uppercase;color:#555}.style-compact .signature-line{flex:1;border-bottom:1px solid #888;height:10px}.logs-4 .entry-header{padding:3px 6px;gap:6px}.logs-4 .header-label{font-size:5px}.logs-4 .header-value{min-width:30px;min-height:12px;padding:1px 4px}.logs-4 .header-format{font-size:6px}.logs-4 .entry-body{padding:5px}.logs-4 .fields-grid{gap:3px}.logs-4 .field{padding:2px 4px;min-height:14px}.logs-4 .field-medium{flex:1 1 60px;min-width:50px}.logs-4 .field-large{flex:2 1 90px;min-width:70px}.logs-4 .field-label{font-size:5px}.logs-4 .format-hint{font-size:6px}.logs-4 .options-list{gap:3px}.logs-4 .option-box{width:5px;height:5px}.logs-4 .option-label{font-size:5px}.logs-4 .notes-section{min-height:20px;margin-top:4px}.logs-4 .notes-label{font-size:5px}.logs-4 .entry-footer{gap:4px;margin-top:4px;padding-top:4px}.logs-4 .time-field{padding:2px 3px}.logs-4 .time-label,.logs-4 .signature-label{font-size:4px}.logs-4 .time-value{min-width:24px;min-height:8px}.logs-4 .signature-line{height:6px}.density-tight .entry-header{padding:3px 8px;gap:8px}.density-tight .header-label{font-size:5px}.density-tight .header-value{min-height:12px;padding:1px 4px}.density-tight .header-format{font-size:6px}.density-tight .entry-body{padding:6px}.density-tight .fields-grid{gap:3px}.density-tight .field{padding:2px 5px;min-height:14px}.density-tight .field-medium{flex:1 1 90px;min-width:70px}.density-tight .field-large{flex:2 1 130px;min-width:100px}.density-tight .field-label{font-size:5px}.density-tight .format-hint{font-size:6px}.density-tight .options-list{gap:4px}.density-tight .option-box{width:6px;height:6px}.density-tight .option-label{font-size:5px}.density-tight .notes-section{min-height:28px;margin-top:4px}.density-tight .notes-label{font-size:5px}.density-tight .entry-footer{margin-top:4px;padding-top:4px;gap:6px}.density-tight .time-label,.density-tight .signature-label{font-size:4px}.density-tight .time-value{min-width:28px;min-height:10px}.density-tight .signature-line{height:8px}.density-compact .entry-header{padding:2px 6px;gap:6px}.density-compact .header-label{font-size:4px}.density-compact .header-value{min-height:10px;min-width:30px;padding:1px 3px}.density-compact .header-format{font-size:5px}.density-compact .entry-body{padding:4px}.density-compact .fields-grid{gap:2px}.density-compact .field{padding:1px 3px;min-height:12px;min-width:40px}.density-compact .field-medium{flex:1 1 70px;min-width:55px}.density-compact .field-large{flex:2 1 100px;min-width:75px}.density-compact .field-label{font-size:4px}.density-compact .format-hint{font-size:5px}.density-compact .options-list{gap:3px}.density-compact .option-box{width:5px;height:5px}.density-compact .option-label{font-size:4px}.density-compact .notes-section{min-height:18px;margin-top:3px}.density-compact .notes-label{font-size:4px}.density-compact .entry-footer{margin-top:3px;padding-top:3px;gap:4px}.density-compact .time-field{padding:1px 3px}.density-compact .time-label,.density-compact .signature-label{font-size:3px}.density-compact .time-value{min-width:22px;min-height:8px}.density-compact .signature-field{padding:1px 3px}.density-compact .signature-line{height:8px}.notes-area.notes-lined{margin:0 6px;background-image:repeating-linear-gradient(to bottom,transparent,transparent 7.5px,#ccc 7.5px,#ccc 8px);background-position:0 4px}.notes-area.notes-dotted{margin:0 6px;background-image:radial-gradient(circle,#bbb .5px,transparent .5px);background-size:8px 8px;background-position:4px 4px}.logs-4 .notes-area.notes-lined{margin:0 4px;background-image:repeating-linear-gradient(to bottom,transparent,transparent 5.5px,#ccc 5.5px,#ccc 6px);background-position:0 3px}.logs-4 .notes-area.notes-dotted{margin:0 4px;background-image:radial-gradient(circle,#bbb .4px,transparent .4px);background-size:6px 6px}.density-tight .notes-area.notes-lined{margin:0 5px;background-image:repeating-linear-gradient(to bottom,transparent,transparent 6.5px,#ccc 6.5px,#ccc 7px)}.density-tight .notes-area.notes-dotted{margin:0 5px;background-image:radial-gradient(circle,#bbb .45px,transparent .45px)}.density-compact .notes-area.notes-lined{margin:0 4px;background-image:repeating-linear-gradient(to bottom,transparent,transparent 5.5px,#ccc 5.5px,#ccc 6px)}.density-compact .notes-area.notes-dotted{margin:0 4px;background-image:radial-gradient(circle,#bbb .4px,transparent .4px);background-size:6px 6px}.style-technical .dive-entry{flex:1;display:flex;flex-direction:column;border:1.5px solid #1a202c;min-height:0;font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;background:#fff;overflow:hidden}.style-technical .entry-header{display:flex;align-items:stretch;background:#1a202c;padding:0;gap:0;flex-shrink:0}.style-technical .header-field{display:flex;flex-direction:column;justify-content:center;padding:3px 6px;border-right:1px solid #4a5568}.style-technical .header-field:first-child{background:#1a202c;min-width:50px}.style-technical .header-field:not(:first-child){background:#f7fafc}.style-technical .header-field:last-child{flex:1;border-right:none}.style-technical .header-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.style-technical .header-field:first-child .header-label{color:#a0aec0}.style-technical .header-field:not(:first-child) .header-label{color:#2d3748}.style-technical .header-value{min-height:14px;display:flex;align-items:flex-end}.style-technical .header-field:first-child .header-value{background:#2d3748;border:none;padding:2px 4px}.style-technical .header-field:not(:first-child) .header-value{border-bottom:1.5px solid #1a202c}.style-technical .header-format{font-size:8px;font-family:inherit}.style-technical .header-field:first-child .header-format{color:#e2e8f0}.style-technical .header-field:not(:first-child) .header-format{color:#718096}.style-technical .entry-body{flex:1;display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden}.style-technical .fields-grid{display:flex;flex-wrap:wrap;gap:2px}.style-technical .field-group{display:contents}.style-technical .field{display:flex;align-items:center;gap:4px;padding:2px 4px;border:1px solid #e2e8f0;background:#f7fafc;min-height:0}.style-technical .field-small{flex:0 0 auto}.style-technical .field-medium{flex:1 1 100px;min-width:80px}.style-technical .field-large{flex:2 1 150px;min-width:120px}.style-technical .field-label{font-size:6px;font-weight:700;color:#1a202c;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.style-technical .field-value{flex:1;border-bottom:1px solid #4a5568;min-width:20px}.style-technical .format-hint{font-size:8px;color:#a0aec0;font-family:inherit}.style-technical .options-list{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.style-technical .option-item{display:flex;align-items:center;gap:3px}.style-technical .option-box{width:10px;height:10px;border:1.5px solid #1a202c;background:#fff;flex-shrink:0}.style-technical .option-label{font-size:7px;font-weight:500;color:#2d3748}.style-technical .notes-section{flex:1;display:flex;flex-direction:column;min-height:0;padding:3px 6px;border-bottom:1px solid #cbd5e0}.style-technical .notes-field{flex:1;display:flex;flex-direction:column}.style-technical .notes-label{font-size:7px;font-weight:700;color:#1a202c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px}.style-technical .notes-area{flex:1;min-height:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 7px,#e2e8f0 7px,#e2e8f0 8px)}.style-technical .entry-footer{display:flex;align-items:stretch;background:#f7fafc;border-top:1.5px solid #1a202c;margin-top:auto;flex-shrink:0}.style-technical .time-totals{display:flex;gap:0}.style-technical .time-field{display:flex;flex-direction:column;padding:2px 4px;border-right:1px solid #cbd5e0;min-width:50px}.style-technical .time-label{font-size:7px;font-weight:700;color:#1a202c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.style-technical .time-value{border-bottom:1.5px solid #4a5568;min-height:14px;display:flex;align-items:flex-end}.style-technical .time-value .format-hint{font-size:7px}.style-technical .signature-field{flex:1;display:flex;flex-direction:column;padding:2px 4px}.style-technical .signature-label{font-size:7px;font-weight:700;color:#1a202c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.style-technical .signature-line{flex:1;border-bottom:1.5px solid #4a5568;min-height:14px}.style-nautical .dive-entry{flex:1;display:flex;flex-direction:column;border:2px solid #1a365d;min-height:0;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;background:#f5efe0;position:relative;overflow:hidden}.style-nautical .dive-entry:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid #8b7355;pointer-events:none}.style-nautical .entry-header{display:flex;align-items:stretch;background:#1a365d;padding:0;margin:4px 4px 0;flex-shrink:0}.style-nautical .header-field{display:flex;flex-direction:column;padding:5px 8px;border-right:1px solid #2c5282}.style-nautical .header-field:first-child{background:#0d1b2a;min-width:60px}.style-nautical .header-field:last-child{flex:1;border-right:none}.style-nautical .header-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#d4a84b;margin-bottom:3px}.style-nautical .header-value{background:#f5efe0;color:#1a365d;padding:2px 6px;min-height:16px;display:flex;align-items:flex-end}.style-nautical .header-format{font-size:9px;color:#5a7294;font-style:italic}.style-nautical .entry-body{flex:1;display:flex;flex-direction:column;padding:6px 8px;margin:0 4px;min-height:0;overflow:hidden}.style-nautical .fields-grid{display:flex;flex-wrap:wrap;gap:3px}.style-nautical .field-group{display:contents}.style-nautical .field{display:flex;align-items:center;gap:4px;padding:2px 4px;min-height:0}.style-nautical .field-small{flex:0 0 auto}.style-nautical .field-medium{flex:1 1 100px;min-width:80px}.style-nautical .field-large{flex:2 1 150px;min-width:120px}.style-nautical .field-label{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a365d;white-space:nowrap}.style-nautical .field-value{flex:1;border-bottom:1px solid #1a365d;min-width:20px}.style-nautical .format-hint{font-size:8px;color:#8b7355;font-style:italic}.style-nautical .options-list{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.style-nautical .option-item{display:flex;align-items:center;gap:4px}.style-nautical .option-box{width:10px;height:10px;border:2px solid #1a365d;background:#fff;flex-shrink:0}.style-nautical .option-label{font-size:7px;font-weight:500;color:#1a365d}.style-nautical .notes-section{flex:1;display:flex;flex-direction:column;margin-top:4px;min-height:0}.style-nautical .notes-field{flex:1;display:flex;flex-direction:column}.style-nautical .notes-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#1a365d;margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid #8b7355}.style-nautical .notes-area{flex:1;background:#fff;border:1px solid #8b7355;min-height:0}.style-nautical .entry-footer{display:flex;align-items:stretch;margin:4px;padding-top:4px;border-top:2px double #1a365d;flex-shrink:0}.style-nautical .time-totals{display:flex;gap:0}.style-nautical .time-field{display:flex;flex-direction:column;padding:4px 10px;border-right:1px solid #d4c4a8}.style-nautical .time-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a365d;margin-bottom:2px}.style-nautical .time-value{border-bottom:1.5px solid #1a365d;min-width:40px;min-height:14px;display:flex;align-items:flex-end}.style-nautical .time-value .format-hint{font-size:7px}.style-nautical .signature-field{flex:1;display:flex;flex-direction:column;padding:4px 10px}.style-nautical .signature-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a365d;margin-bottom:2px}.style-nautical .signature-line{flex:1;border-bottom:1.5px solid #1a365d;min-height:14px}.style-planner .dive-entry{flex:1;display:flex;flex-direction:column;border:1px solid #e2e8f0;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:#fff;background-image:radial-gradient(circle,#d1d5db .5px,transparent .5px);background-size:14px 14px;overflow:hidden}.style-planner .entry-header{display:flex;align-items:stretch;padding:0;background:#fff;border-bottom:1.5px solid #334155;flex-shrink:0}.style-planner .header-field{display:flex;flex-direction:column;padding:3px 6px;border-right:1px solid #e2e8f0}.style-planner .header-field:first-child{background:#f8fafc;min-width:56px}.style-planner .header-field:last-child{flex:1;border-right:none}.style-planner .header-label{font-size:7px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px}.style-planner .header-value{border-bottom:1.5px solid #94a3b8;min-height:14px;display:flex;align-items:flex-end}.style-planner .header-format{font-size:9px;color:#94a3b8;font-weight:400}.style-planner .entry-body{flex:1;display:flex;flex-direction:column;padding:4px 6px;min-height:0;background:transparent;overflow:hidden}.style-planner .fields-grid{display:flex;flex-wrap:wrap;gap:3px 6px}.style-planner .field-group{display:contents}.style-planner .field{display:flex;align-items:center;gap:4px;min-height:0}.style-planner .field-small{flex:0 0 auto}.style-planner .field-medium{flex:1 1 100px;min-width:80px}.style-planner .field-large{flex:2 1 150px;min-width:120px}.style-planner .field-label{font-size:6px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.style-planner .field-value{flex:1;border-bottom:1px solid #94a3b8;min-width:20px}.style-planner .format-hint{font-size:8px;color:#94a3b8;font-weight:400}.style-planner .options-list{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.style-planner .option-item{display:flex;align-items:center;gap:4px}.style-planner .option-box{width:11px;height:11px;border:1.5px solid #64748b;border-radius:2px;flex-shrink:0;background:#fff}.style-planner .option-label{font-size:7px;font-weight:500;color:#475569}.style-planner .notes-section{flex:1;display:flex;flex-direction:column;margin-top:3px;padding-top:3px;min-height:0;border-top:1px dashed #cbd5e1}.style-planner .notes-field{flex:1;display:flex;flex-direction:column}.style-planner .notes-label{font-size:7px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.style-planner .notes-area{flex:1;min-height:0;background:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 13px,#e2e8f0 13px,#e2e8f0 14px)}.style-planner .entry-footer{display:flex;align-items:stretch;border-top:1.5px solid #334155;background:#f8fafc;margin:0 -6px -4px;padding:3px 6px;flex-shrink:0}.style-planner .time-totals{display:flex;gap:0}.style-planner .time-field{display:flex;flex-direction:column;padding-right:6px;margin-right:6px;border-right:1px solid #e2e8f0}.style-planner .time-label{font-size:7px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.style-planner .time-value{border-bottom:1.5px solid #94a3b8;min-width:42px;min-height:16px;display:flex;align-items:flex-end}.style-planner .time-value .format-hint{font-size:7px}.style-planner .signature-field{flex:1;display:flex;flex-direction:column}.style-planner .signature-label{font-size:7px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.style-planner .signature-line{flex:1;border-bottom:1.5px solid #94a3b8;min-height:16px}.style-fieldjournal .dive-entry{flex:1;display:flex;flex-direction:column;min-height:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;background-color:#f8f4eb;background-image:radial-gradient(circle,#c4b8a8 .8px,transparent .8px);background-size:14px 14px;background-position:7px 7px;border:1.5px solid #3d2b1f;overflow:hidden}.style-fieldjournal .entry-header{display:flex;gap:10px;padding:6px 10px;border-bottom:2px solid #3d2b1f;background:#f8f4eb;align-items:baseline;flex-shrink:0}.style-fieldjournal .header-field{display:flex;align-items:baseline;gap:6px}.style-fieldjournal .header-field:first-child{font-weight:700}.style-fieldjournal .header-field:last-child{flex:1}.style-fieldjournal .header-label{font-size:7px;font-weight:600;color:#3d2b1f;text-transform:uppercase;letter-spacing:.5px}.style-fieldjournal .header-value{border-bottom:1.5px solid #5c4a3a;min-width:50px;min-height:14px;display:flex;align-items:flex-end}.style-fieldjournal .header-format{font-size:8px;color:#7a6a5a}.style-fieldjournal .entry-body{flex:1;display:flex;flex-direction:column;padding:8px;min-height:0;overflow:hidden}.style-fieldjournal .fields-grid{display:flex;flex-wrap:wrap;gap:6px 12px}.style-fieldjournal .field-group{display:contents}.style-fieldjournal .field{display:flex;align-items:baseline;gap:6px;min-height:0}.style-fieldjournal .field-small{flex:0 0 auto}.style-fieldjournal .field-medium{flex:1 1 100px;min-width:80px}.style-fieldjournal .field-large{flex:2 1 160px;min-width:120px}.style-fieldjournal .field-label{font-size:7px;font-weight:600;color:#3d2b1f;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.style-fieldjournal .field-value{flex:1;border-bottom:1.5px solid #5c4a3a;min-height:10px}.style-fieldjournal .format-hint{font-size:8px;color:#7a6a5a}.style-fieldjournal .options-list{display:flex;gap:10px;align-items:center}.style-fieldjournal .option-item{display:flex;align-items:center;gap:4px}.style-fieldjournal .option-box{width:10px;height:10px;border:1.5px solid #3d2b1f;border-radius:0;flex-shrink:0}.style-fieldjournal .option-label{font-size:7px;font-weight:500;color:#3d2b1f}.style-fieldjournal .notes-section{flex:1;display:flex;flex-direction:column;gap:4px;margin-top:6px;min-height:0;padding-top:6px;border-top:1px solid #c4b8a8}.style-fieldjournal .notes-field{flex:1;display:flex;flex-direction:column}.style-fieldjournal .notes-label{font-size:7px;font-weight:600;color:#3d2b1f;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.style-fieldjournal .notes-area{flex:1;min-height:0;background:transparent}.style-fieldjournal .entry-footer{display:flex;gap:12px;align-items:flex-end;margin-top:auto;padding-top:6px;border-top:2px solid #3d2b1f;flex-shrink:0}.style-fieldjournal .time-totals{display:flex;gap:8px}.style-fieldjournal .time-field{display:flex;flex-direction:column;gap:3px}.style-fieldjournal .time-label{font-size:7px;font-weight:600;color:#3d2b1f;text-transform:uppercase;letter-spacing:.3px}.style-fieldjournal .time-value{border-bottom:1.5px solid #5c4a3a;min-width:40px;min-height:18px}.style-fieldjournal .time-value .format-hint{font-size:7px}.style-fieldjournal .signature-field{flex:1;display:flex;flex-direction:column;gap:3px}.style-fieldjournal .signature-label{font-size:7px;font-weight:600;color:#3d2b1f;text-transform:uppercase;letter-spacing:.3px}.style-fieldjournal .signature-line{flex:1;border-bottom:1.5px solid #5c4a3a;min-height:18px}.style-graphic .dive-entry{flex:1;display:flex;flex-direction:column;min-height:0;font-family:Helvetica Neue,Arial,sans-serif;background:#fff;border:2px solid #0f172a;overflow:hidden}.style-graphic .entry-header{display:flex;gap:0;background:#fff;padding:0;border-bottom:3px solid #0f172a;flex-shrink:0}.style-graphic .header-field{display:flex;flex-direction:column;padding:3px 6px;border-right:1px solid #e2e8f0}.style-graphic .header-field:first-child{background:#0f172a;color:#fff}.style-graphic .header-field:first-child .header-label{color:#94a3b8}.style-graphic .header-field:first-child .header-value{background:transparent;color:#fff;font-size:14px;font-weight:700}.style-graphic .header-field:last-child{flex:1;border-right:none}.style-graphic .header-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:1px}.style-graphic .header-value{background:transparent;color:#0f172a;min-width:50px;min-height:14px;display:flex;align-items:flex-end;border-bottom:2px solid #0f172a}.style-graphic .header-format{font-size:9px;color:#64748b;font-weight:500}.style-graphic .entry-body{flex:1;display:flex;flex-direction:column;padding:4px;gap:3px;min-height:0;overflow:hidden}.style-graphic .fields-grid{display:flex;flex-wrap:wrap;gap:3px}.style-graphic .field-group{display:contents}.style-graphic .field{display:flex;align-items:center;gap:4px;background:#f8fafc;padding:2px 6px;border-left:3px solid #3b82f6}.style-graphic .field-small{flex:0 0 auto}.style-graphic .field-medium{flex:1 1 100px;min-width:80px}.style-graphic .field-large{flex:2 1 150px;min-width:120px}.style-graphic .field-label{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#3b82f6;white-space:nowrap}.style-graphic .field-value{flex:1;border-bottom:2px solid #cbd5e1;min-width:20px}.style-graphic .format-hint{font-size:8px;color:#94a3b8;font-weight:500}.style-graphic .options-list{display:flex;gap:8px;align-items:center}.style-graphic .option-item{display:flex;align-items:center;gap:4px}.style-graphic .option-box{width:12px;height:12px;border:2px solid #0f172a;border-radius:0;flex-shrink:0}.style-graphic .option-label{font-size:7px;font-weight:600;color:#334155}.style-graphic .notes-section{flex:1;display:flex;flex-direction:column;gap:2px;min-height:0;margin-top:3px;padding-top:3px;border-top:1px solid #e2e8f0}.style-graphic .notes-field{flex:1;display:flex;flex-direction:column}.style-graphic .notes-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:2px}.style-graphic .notes-area{flex:1;background:#f8fafc;border-left:3px solid #3b82f6;min-height:0}.style-graphic .entry-footer{display:flex;gap:0;align-items:stretch;margin-top:auto;background:#fff;border-top:3px solid #0f172a;flex-shrink:0}.style-graphic .time-totals{display:flex;gap:0}.style-graphic .time-field{display:flex;flex-direction:column;padding:2px 4px;background:#fef3c7;border-right:1px solid #fcd34d}.style-graphic .time-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#92400e;margin-bottom:1px}.style-graphic .time-value{background:#fff;padding:2px 4px;min-width:36px;min-height:12px;border:1px solid #fcd34d}.style-graphic .time-value .format-hint{font-size:7px}.style-graphic .signature-field{flex:1;display:flex;flex-direction:column;padding:2px 4px;background:#fff}.style-graphic .signature-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:1px}.style-graphic .signature-line{flex:1;border-bottom:2px solid #0f172a;min-height:12px}.style-logbook .dive-entry{flex:1;display:flex;flex-direction:column;min-height:0;font-family:Arial Narrow,Helvetica Condensed,Helvetica,sans-serif;border:1.5px solid #1f2937;font-size:8px;background:#fff;overflow:hidden}.style-logbook .entry-header{display:flex;gap:0;background:#1f2937;padding:0;flex-shrink:0}.style-logbook .header-field{display:flex;align-items:center;gap:4px;padding:6px 8px;border-right:1px solid #374151}.style-logbook .header-field:last-child{flex:1;border-right:none}.style-logbook .header-label{font-size:7px;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px}.style-logbook .header-value{background:#fff;padding:3px 6px;min-width:40px;min-height:16px;display:flex;align-items:center}.style-logbook .header-format{font-size:7px;color:#6b7280}.style-logbook .entry-body{flex:1;display:flex;flex-direction:column;padding:4px;gap:2px;min-height:0;overflow:hidden}.style-logbook .fields-grid{display:flex;flex-wrap:wrap;gap:2px}.style-logbook .field-group{display:contents}.style-logbook .field{display:flex;align-items:center;gap:3px;padding:2px 4px;border:1px solid #e5e7eb;min-height:0}.style-logbook .field:nth-child(odd){background:#f9fafb}.style-logbook .field:nth-child(2n){background:#fff}.style-logbook .field-small{flex:0 0 auto;min-width:55px}.style-logbook .field-medium{flex:1 1 80px;min-width:65px}.style-logbook .field-large{flex:2 1 120px;min-width:90px}.style-logbook .field-label{font-size:7px;font-weight:700;text-transform:uppercase;color:#374151;white-space:nowrap;letter-spacing:.3px}.style-logbook .field-value{flex:1;border-bottom:1px solid #6b7280;min-height:10px;background:transparent}.style-logbook .format-hint{font-size:7px;color:#9ca3af}.style-logbook .options-list{display:flex;gap:6px;align-items:center}.style-logbook .option-item{display:flex;align-items:center;gap:2px}.style-logbook .option-box{width:8px;height:8px;border:1.5px solid #374151;flex-shrink:0}.style-logbook .option-label{font-size:7px;font-weight:500;color:#374151}.style-logbook .notes-section{flex:1;display:flex;flex-direction:column;gap:2px;min-height:0;margin-top:3px}.style-logbook .notes-field{flex:1;display:flex;flex-direction:column}.style-logbook .notes-label{font-size:7px;font-weight:700;text-transform:uppercase;color:#374151;margin-bottom:2px;letter-spacing:.3px}.style-logbook .notes-area{flex:1;border:1px solid #d1d5db;min-height:0;background:#fff}.style-logbook .entry-footer{display:flex;gap:0;align-items:stretch;margin-top:auto;background:#f3f4f6;border-top:1.5px solid #1f2937;flex-shrink:0}.style-logbook .time-totals{display:flex;gap:0}.style-logbook .time-field{display:flex;align-items:center;gap:4px;padding:5px 8px;border-right:1px solid #d1d5db}.style-logbook .time-label{font-size:7px;font-weight:700;text-transform:uppercase;color:#374151;letter-spacing:.3px}.style-logbook .time-value{background:#fff;border:1px solid #9ca3af;min-width:35px;min-height:14px;padding:2px 4px}.style-logbook .time-value .format-hint{font-size:7px}.style-logbook .signature-field{flex:1;display:flex;align-items:center;gap:4px;padding:5px 8px}.style-logbook .signature-label{font-size:7px;font-weight:700;text-transform:uppercase;color:#374151;letter-spacing:.3px}.style-logbook .signature-line{flex:1;border-bottom:1.5px solid #374151;min-height:14px}@page{margin:0}@media print{.app>.header,.sidebar{display:none!important}.main{display:block!important}.preview{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.logbook-preview{background:#fff;padding:0;min-height:auto;display:block}.page-container{box-shadow:none;margin:0;border-radius:0;page-break-after:always;page-break-inside:avoid}.page-container.size-a5{width:148mm!important;height:210mm!important;aspect-ratio:auto!important}.page-container.size-a4-portrait{width:210mm!important;height:297mm!important;aspect-ratio:auto!important}.page-container.size-a4-landscape{width:297mm!important;height:210mm!important;aspect-ratio:auto!important}.page-container.size-a5-2up{width:210mm!important;height:297mm!important;aspect-ratio:auto!important;display:flex!important;flex-direction:row!important}.a5-page{width:105mm!important;height:297mm!important}.a5-left{border-right:1px dashed #ccc}.binding-margin{width:12mm;background:transparent;border-right:1px dashed #ccc}.hole-guide{width:6mm;height:6mm;border:1px dashed #bbb}.logbook-page{font-size:11px;padding:10mm;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.logbook-page.paper-cream{background:#fdf8f0!important}.entry-body.has-watermark:before{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.header-label,.field-label,.notes-label,.time-label,.signature-label{font-size:7pt;color:#333}.header-value,.field-value,.notes-area{font-size:10pt;color:#000}.format-hint{font-size:8pt;color:#666}.dive-entry,.entry-header{border-color:#333!important}.field-value,.header-value{border-color:#666!important}}.editor-page{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 60px)}@media(min-width:1024px){.editor-page{grid-template-columns:380px 1fr}}.editor-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px)}.loading{font-size:18px;color:#4a5f6b}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin-bottom:16px;color:#c33;font-size:14px;line-height:1.5}.feedback-page{min-height:100vh;background:var(--color-bg);padding:80px 24px 120px}.feedback-container{max-width:700px;margin:0 auto}.feedback-header{text-align:center;margin-bottom:48px}.feedback-header h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:16px}.feedback-header p{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.feedback-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:48px}.form-group{margin-bottom:24px}.form-group label{display:block;font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin-bottom:8px}.form-group select,.form-group input[type=email],.form-group textarea{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:#fff;border:2px solid var(--color-border);border-radius:8px;transition:border-color .2s ease}.form-group select:focus,.form-group input[type=email]:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:150px}.char-count{display:block;margin-top:4px;font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:right}.form-hint{display:block;margin-top:4px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.alert{padding:16px;border-radius:8px;margin-bottom:24px;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-btn{width:100%;padding:16px 32px;background:var(--color-secondary);color:#fff;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:var(--color-secondary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.submit-btn:disabled{background:var(--color-bg-active);color:var(--color-text-muted);cursor:not-allowed;transform:none}.feedback-info{background:var(--color-bg-hover);padding:32px;border-radius:12px;border:1px solid var(--color-border)}.feedback-info h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin-bottom:16px}.feedback-info ul{list-style:none;padding:0;margin:0}.feedback-info li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);padding-left:28px;position:relative;margin-bottom:12px}.feedback-info li:before{content:"✓";position:absolute;left:4px;color:var(--color-accent);font-weight:700;font-size:var(--font-size-lg)}.feedback-info li:last-child{margin-bottom:0}@media(max-width:768px){.feedback-page{padding:60px 16px 80px}.feedback-header h1{font-size:var(--font-size-2xl)}.feedback-header p{font-size:var(--font-size-base)}.feedback-form{padding:24px}.form-group{margin-bottom:20px}.submit-btn{font-size:var(--font-size-base)}.feedback-info{padding:24px}.feedback-info h3{font-size:var(--font-size-lg)}}.docs-content{background:#fff;border-radius:12px;padding:48px;box-shadow:0 2px 8px #0000000a;max-width:900px}.docs-content h1{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 0 16px;line-height:var(--line-height-tight)}.docs-content h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:48px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.docs-content h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin:32px 0 12px}.docs-content h4{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin:24px 0 12px}.docs-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);margin:0 0 16px}.docs-content ul,.docs-content ol{margin:16px 0;padding-left:28px}.docs-content li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:8px}.docs-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.docs-content a:hover{border-bottom-color:var(--color-accent)}.docs-content code{background:var(--color-bg-hover);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em;color:var(--color-primary)}.docs-content pre{background:var(--color-bg-hover);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.docs-content pre code{background:none;padding:0}.docs-content .subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:32px}.docs-content .doc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:32px 0}.docs-content .doc-card{padding:24px;background:var(--color-bg-hover);border-radius:12px;transition:all .3s ease;cursor:pointer;text-decoration:none;display:block}.docs-content .doc-card:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.docs-content .doc-card h3{margin:0 0 8px;color:var(--color-primary)}.docs-content .doc-card p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.docs-content .steps-list{counter-reset:step-counter;list-style:none;padding:0;margin:24px 0}.docs-content .steps-list li{counter-increment:step-counter;position:relative;padding:24px 24px 24px 72px;margin-bottom:24px;background:var(--color-bg-hover);border-radius:12px}.docs-content .steps-list li:before{content:counter(step-counter);position:absolute;left:24px;top:24px;width:32px;height:32px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.docs-content .steps-list h4{margin:0 0 8px}.docs-content .info-box{background:#e0f7ff;border-left:4px solid var(--color-accent);padding:16px 20px;border-radius:8px;margin:24px 0}.docs-content .info-box p{margin:0;color:var(--color-text)}.docs-content .warning-box{background:#fff4e6;border-left:4px solid #ff9800;padding:16px 20px;border-radius:8px;margin:24px 0}.docs-content .warning-box p{margin:0;color:var(--color-text)}@media(max-width:768px){.docs-content{padding:32px 24px}.docs-content h1{font-size:var(--font-size-3xl)}.docs-content h2{font-size:var(--font-size-xl)}.docs-content .doc-cards{grid-template-columns:1fr}.docs-content .steps-list li{padding:20px 20px 20px 60px}.docs-content .steps-list li:before{left:16px;width:28px;height:28px;font-size:var(--font-size-base)}}:root{--ocean-deep-blue: #0B4F6C;--ocean-teal: #01BAEF;--coral-red: #FF6B6B;--wave-blue: #20A4F3;--deep-navy: #041E2C;--seafoam-gray: #4A5F6B;--sand-beige: #F4F1EA;--foam-white: #FFFFFF;--lagoon-gray: #E5F2F7;--slate-gray: #cbd5e1;--muted-gray: #94a3b8;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 32px rgba(0, 0, 0, .15);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slowest: .5s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem}:root{--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900}:root{--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2}:root{--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}.heading-1{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.heading-2{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.heading-3{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.heading-4{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.heading-5{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.heading-6{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.body-large{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.body-base{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal)}.body-small{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal)}.text-uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.text-mono{font-family:var(--font-mono)}@media(max-width:768px){.heading-1{font-size:var(--text-4xl)}.heading-2{font-size:var(--text-3xl)}.heading-3{font-size:var(--text-2xl)}}@media(max-width:480px){.heading-1{font-size:var(--text-3xl)}.heading-2{font-size:var(--text-2xl)}.heading-3{font-size:var(--text-xl)}}:root{--color-primary: #0B4F6C;--color-primary-dark: #041E2C;--color-accent: #01BAEF;--color-accent-hover: #00a8db;--color-secondary: #FF6B6B;--color-secondary-hover: #ff5252;--color-interactive: #20A4F3;--color-text: #041E2C;--color-text-muted: #4A5F6B;--color-text-light: #94a3b8;--color-bg: #F4F1EA;--color-bg-card: #FFFFFF;--color-bg-hover: #E5F2F7;--color-bg-active: #cbd5e1;--color-border: #E5F2F7;--color-border-light: #f1f5f9;--color-success: #38a169;--color-error: #c53030;--color-error-bg: #fed7d7;--gradient-hero: linear-gradient(135deg, #0B4F6C 0%, #01BAEF 100%);--gradient-overlay: linear-gradient(180deg, rgba(11,79,108,.95) 0%, rgba(1,186,239,.85) 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .15);--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .2s ease;--input-height: 36px;--input-height-sm: 32px;--button-height: 40px;--button-height-sm: 36px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary-dark)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:1em}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main{display:grid;grid-template-columns:360px 1fr;gap:var(--space-4);padding:var(--space-4);max-width:1400px;margin:0 auto;flex:1;min-height:0}.sidebar{background:var(--color-bg-card);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-y:auto}.sidebar h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-primary)}.preview{border-radius:var(--radius-lg);overflow:auto}pre{background:var(--color-bg-hover);padding:var(--space-4);border-radius:var(--radius);font-size:var(--font-size-xs);overflow:auto}.section-divider{height:1px;background:var(--color-border);margin:var(--space-6) 0}.error-message{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);font-size:var(--font-size-md);color:var(--color-text-muted)}@media(max-width:920px){.app{height:auto;overflow:visible}.main{grid-template-columns:1fr;flex:none;padding:var(--space-3)}.sidebar{overflow-y:visible;padding:var(--space-4)}.preview{min-height:480px}}@media print{body{background:#fff}.app{min-height:auto}.sidebar{display:none!important}.main{display:block;padding:0;max-width:none}.preview{box-shadow:none;padding:0;border-radius:0;min-height:auto;overflow:visible}}