@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700&display=swap";.btn{cursor:pointer;transition:var(--transition-timing);border-radius:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}*,:before,:after{box-sizing:border-box}:root{--text:#6b6375;--text-secondary:#64748b;--text-h:#08060d;--bg:#f5f5f5;--card-bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#1919e6;--accent-hover:#0e0eab;--accent-bg:#1919e61a;--accent-border:#1919e680;--warning-amber:#eab308;--warning-amber-bg:#eab3081f;--warning-amber-border:#eab30840;--warning-amber-text:#b45309;--success:#10b981;--palette-red-hover:#ef44440d;--palette-red-active:#ef44441a;--modal-backdrop-bg:#0006;--social-bg:#f4f3ec80;--hover-overlay:#0000000d;--radius-minimal:0px;--radius-circle:50%;--font-minimal:"Lexend", sans-serif;--header-height:80px;--sidebar-width:350px;--z-modal:200;--z-popup:150;--z-header:30;--z-sidebar:20;--z-dtp-dot:10;--z-watermark:5;--z-interactive-highlight:2;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-mobile-subtle:0 1px 3px #00000005;--text-shadow-heavy:0 1px 3px #000c, 0 0 1px #000000e6;--opacity-disabled:.25;--opacity-muted:.4;--opacity-full:1;--font-xs:.75rem;--font-xs-plus:.85rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--space-xs:.25rem;--space-xs-plus:.375rem;--space-sm:.5rem;--space-sm-plus:.65rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--space-xs-neg:calc(-1 * var(--space-xs));--space-sm-neg:calc(-1 * var(--space-sm));--space-md-neg:calc(-1 * var(--space-md));--space-lg-neg:calc(-1 * var(--space-lg));--space-xl-neg:calc(-1 * var(--space-xl));--space-2xl-neg:calc(-1 * var(--space-2xl));--space-3xl-neg:calc(-1 * var(--space-3xl));--space-4xl-neg:calc(-1 * var(--space-4xl));--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--hairline:1px solid;--hairline-dashed:1px dashed;--hairline-width:1px;--highlight-ring-width:2px;--leading-none:1;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-.5px;--tracking-normal:0px;--tracking-wide:.5px;--tracking-widest:1px;--transform-center-x:translateX(-50%);--transform-hover-lift:translateY(-1px);--transform-hover-scale:scale(1.1);--transform-active-scale:scale(.95);--transition-timing:.2s ease;--transition-interactive-card:background-color var(--transition-timing), border-color var(--transition-timing), transform var(--transition-timing);--print-paper-bg:#fff;--print-ink-color:#08060d;--print-ink-muted:#4b5563;--print-border-muted:#08060d1a;--print-grid-border:#d1d5db;--print-dot-shadow:0 0 0 var(--hairline-width) #0000001a;--print-cell-size:25mm;--font-print-title:.875rem;--leading-print-title:1.2;--font-print-sub:.6875rem;--font-print-brand:.5625rem;--tracking-print-brand:.06em;--font-print-footer:.5rem;--font-print-watermark:2.75rem;--tracking-print-watermark:.25em;--print-watermark-color:#08060d09;--transform-watermark-rotate:rotate(-28deg);--layout-a4-container-width:860px;--layout-a4-sheet-width:800px;--aspect-ratio-a4:1 / 1.4142;--tracking-canvas-heading:.4em;--layout-mobile-header-height:56px;--layout-mobile-btn-size:32px;--layout-mobile-cta-height:42px;--layout-mobile-tab-bar-line:2px;--layout-mobile-sheet-width:720px;--layout-notification-top:55px;--layout-notification-btn-width:54px;--layout-popup-width:300px;--layout-modal-width:380px;--layout-profile-popup-width:220px;--layout-profile-popup-bottom:70px;--font-mobile-title:.8125rem;--scale-mobile-mockup:.5;--palette-green:#22c55e;--palette-red:#ef4444;--palette-blue:#3b82f6;--palette-yellow:#eab308;--palette-black:#000;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-width:1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--card-bg:#1f2028;--border:#2e303a;--code-bg:#1f2028;--accent:#a7f3d0;--success:#34d399;--accent-bg:#a7f3d01f;--accent-border:#a7f3d066;--accent-hover:#6ee7b7;--social-bg:#2f303a80;--hover-overlay:#ffffff1a;--warning-amber-text:#fde047;--warning-amber-bg:#eab3082e;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html.dark,.dark{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--card-bg:#1f2028;--border:#2e303a;--code-bg:#1f2028;--accent:#a7f3d0;--success:#34d399;--accent-bg:#a7f3d01f;--accent-border:#a7f3d066;--accent-hover:#6ee7b7;--warning-amber-text:#fde047;--warning-amber-bg:#eab3082e;--social-bg:#2f303a80;--hover-overlay:#ffffff1a;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button,a{-webkit-tap-highlight-color:transparent}.minimal-icon-btn{cursor:pointer;width:40px;height:40px;transition:background-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);color:var(--text-h);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (hover:hover){.minimal-icon-btn:hover{background-color:var(--border);color:var(--accent)}}.minimal-icon-btn:active{background-color:var(--border);transform:var(--transform-active-scale)}.u-border{border:1px solid var(--border)!important}.u-border-top{border-top:1px solid var(--border)!important}.u-border-bottom{border-bottom:1px solid var(--border)!important}.u-border-left{border-left:1px solid var(--border)!important}.u-border-right{border-right:1px solid var(--border)!important}.environment-access-banner{z-index:var(--z-popup);background:var(--warning-amber-bg);border-bottom:1px solid var(--warning-amber-border);color:var(--warning-amber-text);font-family:var(--font-minimal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;font-size:14px;line-height:1.4;display:flex;position:sticky;top:0}.environment-access-banner__text{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.environment-access-banner__logout{flex-shrink:0}@media (max-width:768px){.environment-access-banner{flex-direction:column;align-items:stretch;padding:12px 16px}}.auth-back-btn{z-index:10;position:absolute;top:1.5rem;left:1.5rem}.auth-page-container{--error-color:#dc2626;font-family:var(--font-minimal);background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.auth-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-minimal);flex-direction:column;width:100%;max-width:460px;display:flex;position:relative}.auth-header{text-align:center;border-bottom:1px solid var(--border-color);padding:1.5rem 1rem}.app-logo-img{width:40px;height:40px;margin-bottom:1rem;display:inline-block}.app-logo-text{text-transform:uppercase;letter-spacing:1px;color:var(--text-h);font-size:1.5rem;font-weight:700}.auth-tabs{border-bottom:1px solid var(--border);display:flex}.auth-tab{text-align:center;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;font-size:.75rem;font-weight:400;font-family:var(--font-minimal);background:0 0;border:none;flex:1;padding:1rem;color:var(--text-h)!important}.auth-tab.active{background:var(--card-bg);font-weight:700}.auth-tab:hover{background-color:var(--hover-overlay)}.auth-tab:active{transform:var(--transform-active-scale)}.auth-tab:not(:last-child){border-right:1px solid var(--border)}.auth-body{padding:1.5rem 2rem}@media (max-width:768px){.auth-card{width:calc(100% - 2rem);max-width:100%;margin:1rem}.auth-body{padding:1.5rem}}.google-btn{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-minimal);text-transform:uppercase;cursor:pointer;width:100%;transition:background-color var(--transition-timing), transform var(--transition-timing);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.8rem;font-weight:500;display:flex}.google-btn:hover{background-color:var(--border)}.google-btn:active{transform:var(--transform-active-scale)}.google-icon{width:18px;height:18px}.separator{text-align:center;color:var(--text);text-transform:uppercase;align-items:center;margin-bottom:1.5rem;font-size:.8rem;font-weight:500;display:flex}.separator:before,.separator:after{content:"";border-bottom:1px solid var(--border);flex:1}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{text-transform:uppercase;color:var(--text);font-size:.8rem;font-weight:700;transition:color .2s}.form-group:focus-within label{color:var(--text-h)}.auth-input{font-family:var(--font-minimal);border:1px solid var(--border);border-radius:var(--radius-minimal);background-color:var(--card-bg);color:var(--text-h);padding:.75rem;font-size:1rem;transition:border-color .2s}.auth-input:focus{border-color:var(--text-h);outline:none}.auth-input::placeholder{color:var(--text);text-transform:uppercase}.auth-button{background:var(--text-h);width:100%;color:var(--bg);border-radius:var(--radius-minimal);text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-minimal);border:none;padding:1rem;transition:background .2s}.auth-button:hover{opacity:.9}.auth-button:active{transform:var(--transform-active-scale)}.forgot-password{text-align:center;margin-top:1rem}.forgot-password-link{text-transform:uppercase;color:var(--text);cursor:pointer;font-size:.8rem;font-weight:700;text-decoration:none}.auth-footer{border-top:1px solid var(--border);text-align:center;text-transform:uppercase;color:var(--text);letter-spacing:.5px;padding:1rem;font-size:.7rem;font-weight:500}.form-transition-container{width:100%;position:relative}.form-wrapper{opacity:0;pointer-events:none;visibility:hidden;width:100%;transition:opacity .3s,transform .3s;position:absolute;top:0;left:0;transform:translateY(10px)}.form-wrapper.active{opacity:1;pointer-events:auto;visibility:visible;position:relative;transform:translateY(0)}.auth-error-message{color:var(--error-color);text-transform:uppercase;text-align:center;margin-bottom:1rem;font-size:.8rem}.tool-card{width:100%;max-width:420px;margin:0 auto}.tool-card-img{aspect-ratio:1;object-fit:cover;width:100%}.tool-card-body{padding:var(--space-xl);flex-direction:column;flex:1;justify-content:space-between;display:flex}.tool-card-header{margin-bottom:var(--space-md)}.tool-card-title{font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--text-h);line-height:var(--leading-snug);justify-content:space-between;align-items:center;width:100%;margin:0;display:flex}.tool-card-icon-wrapper{margin-left:var(--space-lg);flex-shrink:0;align-items:center;display:inline-flex}.tool-card-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.tool-card-btn-ghost{margin-top:var(--space-lg);border:var(--hairline) var(--text);color:var(--text);padding:var(--space-md) var(--space-3xl);font-family:var(--font-minimal);font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--transition-timing), transform var(--transition-timing);-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;align-self:center}.tool-card-btn-ghost:hover{background:var(--hover-overlay);transform:var(--transform-hover-lift)}.tool-card-btn-ghost:active{background:var(--border);transform:var(--transform-active-scale)}@media (max-width:768px){.tool-card-img{aspect-ratio:16/9;object-fit:cover;max-height:150px}.tool-card-body{padding:var(--space-md)}.tool-card-title{font-size:var(--font-base)}.tool-card-desc{font-size:var(--font-xs);-webkit-line-clamp:2;line-clamp:2}.tool-card-btn-ghost{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);text-align:center;box-sizing:border-box;width:100%}}.db-tools-grid{--grid-min-width:320px;grid-template-columns:repeat(auto-fit, minmax(var(--grid-min-width), 1fr));gap:var(--space-2xl);justify-items:center;width:100%;display:grid}@media (max-width:768px){.db-tools-grid{gap:var(--space-lg);grid-template-columns:1fr}}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#00000080;justify-content:flex-end;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.mobile-menu-drawer{background-color:var(--card-bg);border-left:1px solid var(--border);width:320px;height:100%;box-shadow:var(--shadow);flex-direction:column;animation:.25s ease-out slideIn;display:flex}.mobile-menu-header{border-bottom:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.mobile-menu-content{flex-direction:column;flex:1;padding:2rem 0;display:flex;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:480px){.mobile-menu-drawer{width:80%}}.landing-container{font-family:var(--font-minimal);background-color:var(--bg);width:100%;max-width:100vw;min-height:100vh;color:var(--text);box-sizing:border-box;flex-direction:column;display:flex}.landing-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}@media (min-width:769px){.landing-header{background-color:var(--card-bg);padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000d}}.landing-logo-container{align-items:center;gap:.5rem;display:flex}.landing-logo-img{width:30px;height:30px}.landing-logo-text{letter-spacing:1px;color:var(--text-h);font-size:1.2rem;font-weight:700}.landing-nav{gap:2rem;display:flex}.landing-nav a{color:var(--text);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav a:hover{color:var(--text-h)}.landing-header-actions{align-items:center;gap:1rem;display:flex}.landing-btn-text{color:var(--text);background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem}.landing-btn-text:hover{color:var(--text-h)}.landing-btn-primary{background-color:var(--text-h);color:var(--bg);border:none;padding:.5rem 1.5rem;font-size:.9rem}.landing-btn-primary:hover{opacity:.9}.landing-btn-primary-large{background-color:var(--accent);color:var(--bg);border:none;padding:1rem 2rem;font-size:1rem}.landing-btn-primary-large:hover{background-color:var(--accent-hover)}.landing-btn-secondary-large{color:var(--text-h);border:1px solid var(--text-h);background:0 0;padding:1rem 2rem;font-size:1rem}.landing-btn-secondary-large:hover{background-color:var(--hover-overlay)}.landing-footer{border-top:1px solid var(--border);background-color:var(--card-bg);flex-direction:column;align-items:center;gap:1.5rem;margin-top:auto;padding:3rem 2rem;display:flex}.footer-logo{letter-spacing:1px;color:var(--text-h);align-items:center;gap:.5rem;font-weight:700;display:flex}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--text);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-h)}.footer-copyright{color:var(--text-muted);font-size:.8rem}.desktop-only{display:inline-block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-block!important}.landing-nav{display:none}.landing-footer{padding:3rem 1.5rem}}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:6rem 2rem;display:flex}.hero-title{color:var(--text-h);margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.accent-blue{color:var(--accent);font-style:italic}.hero-subtitle{max-width:700px;color:var(--text);margin-bottom:2.5rem;font-size:1.2rem}.hero-actions{gap:1rem;display:flex}.landing-tools{background-color:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:5rem 2rem}.section-title{color:var(--text-h);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.section-title.left-align{text-align:left}.section-subtitle{color:var(--text);margin-bottom:3.5rem;font-size:1.1rem}.tools-grid{gap:2rem;max-width:1200px;margin:0 auto;display:flex}.landing-tools-grid{max-width:1200px;margin:0 auto;padding:0 1rem}.tool-card{border:1px solid var(--border);background-color:var(--bg);text-align:left;flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.tool-icon{margin-bottom:1.5rem;display:flex}.tool-icon svg{width:32px;height:32px;color:var(--accent)}.tool-card h3{color:var(--text-h);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.tool-card p{color:var(--text);flex-grow:1;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.tool-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600;transition:color .2s}.tool-link:hover{color:var(--accent-hover)}.landing-features{gap:var(--space-4xl);align-items:center;max-width:1200px;margin:0 auto;padding:5rem 2rem;display:flex}.features-content{flex:1}.features-list{flex-direction:column;gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.features-list li{padding-left:1.5rem;font-size:1.05rem;line-height:1.5;position:relative}.features-list li:before{content:"▪";color:var(--accent);position:absolute;top:0;left:0}.features-illustration{flex:1;justify-content:center;align-items:center;display:flex}.illustration-placeholder{aspect-ratio:4/3;background-color:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (max-width:768px){.landing-hero{padding:var(--space-4xl) var(--space-xl)}.hero-title{font-size:2.2rem}.hero-actions{flex-direction:column;gap:1rem;width:100%}.landing-btn-primary-large,.landing-btn-secondary-large{width:100%;padding:1rem}.tools-grid{flex-direction:column;gap:1.5rem}.landing-tools{padding:var(--space-4xl) var(--space-xl)}.landing-features{padding:var(--space-4xl) var(--space-xl);flex-direction:column;gap:2.5rem}.features-illustration{width:100%;margin:0}.section-title.left-align{text-align:center}}.mobile-menu-nav-links{flex-direction:column;gap:.5rem;margin-bottom:auto;display:flex}.mobile-menu-nav-links a{color:var(--text);align-items:center;gap:1.25rem;padding:1.25rem 2rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.mobile-menu-nav-links a svg{width:24px;height:24px;color:var(--text);transition:color .2s}.mobile-menu-nav-links a:hover svg{color:var(--accent)}.mobile-menu-nav-links a:hover,.mobile-menu-nav-links a:active{color:var(--accent);background-color:var(--accent-bg)}.mobile-menu-nav-links a:active svg{color:var(--accent)}.mobile-menu-actions{border-top:1px solid var(--border);flex-direction:column;gap:1rem;margin-top:auto;padding:2rem 2rem 0;display:flex}.mobile-menu-actions .landing-btn-text{border:1px solid var(--text);text-align:center;color:var(--text);transition:background-color var(--transition-timing), transform var(--transition-timing);background:0 0;border-radius:0;padding:1rem;font-size:1rem}.mobile-menu-actions .landing-btn-text:active{background-color:var(--border);transform:var(--transform-active-scale)}.mobile-menu-actions .landing-btn-primary{text-align:center;border-radius:0;padding:1rem;font-size:1rem}.dashboard-container{background-color:var(--bg);height:100vh;color:var(--text);font-family:var(--font-minimal);display:flex;overflow:hidden}.dashboard-main-wrapper{background-color:var(--card-bg);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.dashboard-content{min-width:0;padding:var(--space-2xl);background-color:var(--card-bg);flex:1;overflow-y:auto}.db-header{margin-bottom:var(--space-2xl);border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.db-header-title{font-size:var(--font-3xl);font-weight:var(--weight-bold);color:var(--text-h);font-family:var(--font-lexend);letter-spacing:var(--tracking-tight);margin:0}.db-header-subtitle{color:var(--text);font-size:var(--font-base);margin:var(--space-sm) 0 0 0;line-height:var(--leading-relaxed);font-family:var(--font-lexend)}.db-header-actions{align-items:center;gap:var(--space-xl);display:flex}.db-btn-primary{background:var(--accent);color:var(--card-bg);padding:0 var(--space-xl);cursor:pointer;height:44px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:none;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.db-btn-primary:hover{background:var(--accent-hover);transform:var(--transform-hover-lift)}.db-btn-secondary{color:var(--text-secondary);border:var(--hairline) var(--border);padding:var(--space-md) var(--space-xl);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--font-sm);transition:background-color var(--transition-timing), border-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);background:0 0}.db-btn-secondary:hover{background:var(--border);border-color:var(--border);color:var(--text-h)}.db-btn-secondary:active{background:var(--border);transform:var(--transform-active-scale)}.db-btn-outline{border:var(--hairline) var(--border);padding:var(--space-md) var(--space-xl);cursor:pointer;font-weight:var(--weight-bold);color:var(--text-h);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:background-color var(--transition-timing), border-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);background:0 0;border-radius:0;align-self:flex-start}.db-btn-outline:hover{border-color:var(--text-h);background:var(--text-h);color:var(--card-bg)}.db-btn-standalone{border:var(--hairline) var(--text-h);padding:var(--space-md) var(--space-xl);margin-top:var(--space-xl);color:var(--text-h);cursor:pointer;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);transition:background-color var(--transition-timing), border-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:0}.db-btn-standalone:hover{border-color:var(--text-h);background:var(--text-h);color:var(--card-bg)}.db-btn-standalone:active{transform:var(--transform-active-scale)}.db-section-block{margin-bottom:var(--space-4xl)}.db-flex-between{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.db-grid{margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.desktop-only-element,.mobile-only-element{width:100%}@media (max-width:768px){.desktop-only-element{display:none}}@media (min-width:769px){.mobile-only-element{display:none}}@media (max-width:768px){.dashboard-container,.dashboard-main-wrapper{width:100%;max-width:100vw;height:auto;min-height:100vh;overflow-x:hidden}.dashboard-content{box-sizing:border-box;width:100%;max-width:100vw;padding:var(--space-lg) var(--space-md) 110px var(--space-md);overflow:hidden visible}.dashboard-sidebar,.db-fab-mobile{display:none}.dashboard-bottom-nav{display:flex}.db-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}.dashboard-sidebar{background-color:var(--card-bg);border-right:1px solid var(--border);box-sizing:border-box;flex-direction:column;justify-content:space-between;width:260px;padding:2rem 1.5rem;transition:width .2s,padding .2s;display:flex}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.app-logo-text{letter-spacing:2px;color:var(--text-h);font-size:1.4rem;font-weight:900;font-family:var(--font-lexend);margin-bottom:3rem}.sidebar-profile-box{border:1px solid var(--border);transition:background-color var(--transition-timing);cursor:pointer;border-radius:0;align-items:center;gap:.75rem;margin-top:auto;padding:.75rem 1rem;display:flex}.sidebar-profile-box:hover{background-color:var(--accent-bg)}.sidebar-profile-box:active{background-color:var(--border)}.sidebar-avatar{background:var(--accent);width:35px;height:35px;color:var(--bg);border-radius:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-profile-info{flex:1;min-width:0;overflow:hidden}.sidebar-username{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.sidebar-plan-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.sidebar-link{color:var(--text);transition:background-color var(--transition-timing), color var(--transition-timing);cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:.65rem 1rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background-color:var(--accent-bg);color:var(--accent)}.sidebar-link.active{background-color:var(--accent-bg);color:var(--accent);font-weight:600}.sidebar-logo-container{margin-bottom:3rem}.sidebar-bottom-container{width:100%;margin-top:auto;position:relative}.db-fab-mobile{background:var(--accent);width:56px;height:56px;color:var(--bg);cursor:pointer;z-index:110;transition:transform var(--transition-timing), box-shadow var(--transition-timing), filter var(--transition-timing);border:none;border-radius:0;justify-content:center;align-items:center;display:none;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 12px #0000001a}.db-fab-mobile:active{transform:var(--transform-active-scale);box-shadow:0 2px 6px #0000001a}.db-fab-mobile:hover{filter:brightness(1.1)}.dashboard-bottom-nav{background:var(--bg);z-index:100;box-sizing:border-box;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;height:60px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.bottom-link{height:100%;color:var(--text);font-size:.7rem;font-family:var(--font-minimal);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-link:active{transform:var(--transform-active-scale)}.bottom-link.active{color:var(--accent);font-weight:600}.bottom-link svg{transition:transform .3s}.bottom-link.active svg{transform:var(--transform-hover-lift)}.bottom-link.active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}@media (max-width:1200px){.dashboard-sidebar{align-items:center;width:80px;padding:2rem .5rem}.sidebar-logo-container{justify-content:center}.sidebar-logo-container .landing-logo-text{display:none}.sidebar-bottom-container{justify-content:center;display:flex}.sidebar-link{border:none;justify-content:center;gap:0;width:45px;height:45px;padding:0}.sidebar-link span:not(.material-symbols-outlined){display:none}.sidebar-profile-box{border:none;flex-direction:column;justify-content:center;align-items:center;width:45px;height:45px;padding:0}.sidebar-profile-box:hover{background-color:#0000}.sidebar-profile-box:hover .sidebar-avatar{filter:brightness(1.15)}.sidebar-profile-info{display:none}}@media (max-width:768px){.dashboard-sidebar{display:none}.dashboard-bottom-nav,.db-fab-mobile{display:flex}body .desktop-only-element{display:none}}@media (min-width:769px){body .mobile-only-element{display:none}}@media (max-width:1024px){.db-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.db-grid{grid-template-columns:1fr}.card-grid-library{--library-card-min-width:100%;gap:var(--space-md)}.db-library-card{padding:var(--space-md) var(--space-lg)}.db-empty-state-box{box-sizing:border-box;width:100%;max-width:100%;padding:var(--space-xl) var(--space-md);margin:var(--space-md) 0}.db-empty-state-box .btn,.db-empty-state-box .db-btn-primary{box-sizing:border-box;justify-content:center;width:100%;max-width:100%}.db-flex-between{margin-bottom:var(--space-md)}.db-section-block{margin-bottom:var(--space-2xl)}}@media (max-width:768px){.db-recent-projects-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.db-section-title{margin-bottom:var(--space-sm);font-size:var(--font-lg)!important}.db-section-label{font-size:var(--font-xs)!important;font-weight:var(--weight-bold)!important}.desktop-text{display:none}.mobile-text{display:inline}}@media (max-width:768px){.dashboard-content>*{margin-top:1rem}.dashboard-content>.dashboard-top-bar{margin-top:0}}.db-tools-carousel-wrapper{--carousel-peek:48px;width:auto;margin:0 calc(var(--space-md) * -1);padding:var(--space-sm) 0 var(--space-md) 0;overflow-x:hidden}.db-tools-carousel{scroll-snap-type:x mandatory;width:100%;scroll-padding:0 var(--space-md);-webkit-overflow-scrolling:touch;gap:var(--space-md);padding:0 var(--space-md);overscroll-behavior-x:contain;box-sizing:border-box;display:flex;overflow-x:auto}.db-tools-carousel::-webkit-scrollbar{display:none}.db-tools-carousel{-ms-overflow-style:none;scrollbar-width:none}.db-tools-carousel .tool-card{scroll-snap-align:start;background-color:var(--card-bg);border:var(--hairline) var(--border);flex-direction:column;flex:0 0 calc(100% - 48px);width:calc(100% - 48px);max-width:320px;display:flex}@media (min-width:769px){.db-tools-carousel-wrapper{display:none}}.dashboard-top-bar{margin:0 -1.5rem}.top-bar-user-greeting{align-items:center;gap:.75rem;display:flex}.greeting-text{font-family:var(--font-minimal);color:var(--text-h);font-size:.9rem;font-weight:600}.top-bar-logo{object-fit:contain;width:auto;height:24px}.top-bar-btn .sidebar-avatar{border-radius:50%;flex-shrink:0;width:30px;height:30px}.top-bar-btn.avatar-btn:active{background-color:#0000}@media (max-width:768px){.dashboard-content>*{margin-top:1rem}.dashboard-content>.dashboard-top-bar{margin-top:0}}.shared-top-bar{background-color:var(--bg);border-bottom:1px solid var(--border);z-index:100;box-sizing:border-box;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 12px #0000001a}.top-bar-btn{cursor:pointer;width:36px;height:36px;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}.top-bar-btn:active{transform:var(--transform-active-scale);background-color:var(--border)}.db-grid{gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.db-card{--card-min-height:260px;background:var(--card-bg);border:var(--hairline) var(--border);padding:var(--space-2xl);min-height:var(--card-min-height);transition:border-color var(--transition-timing), box-shadow var(--transition-timing);border-radius:0;flex-direction:column;justify-content:space-between;display:flex}.db-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.db-card-icon{--icon-size:40px;width:var(--icon-size);height:var(--icon-size);background:var(--accent-bg);color:var(--accent);margin-bottom:var(--space-xl);border-radius:0;justify-content:center;align-items:center;display:flex}.db-card-title{font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--text-h);margin:0 0 var(--space-md) 0}.db-card-desc{font-size:var(--font-sm);color:var(--text);margin:0 0 var(--space-2xl) 0;line-height:var(--leading-relaxed)}.db-recent-projects-grid{--project-card-min-width:280px;grid-template-columns:repeat(auto-fit, minmax(var(--project-card-min-width), 1fr));gap:var(--space-xl);display:grid}.db-recent-project-card{background:var(--card-bg);padding:var(--space-xl);align-items:center;gap:var(--space-xl);cursor:pointer;border:var(--hairline) transparent;transition:border-color var(--transition-timing);border-radius:0;display:flex}.db-recent-project-card:hover{border-color:var(--border)}.db-project-card-icon-box{--icon-box-size:55px;width:var(--icon-box-size);height:var(--icon-box-size);background:var(--accent-bg);color:var(--accent);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-project-card-title{font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--text-h);margin:0}.db-recent-loading-box{padding:var(--space-2xl) 0;justify-content:center;align-items:center;display:flex}.db-empty-state-desc{margin:0}.db-project-card-content{flex:1;min-width:0}.db-project-card-meta{margin-top:var(--space-xs);align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text);display:flex}.db-project-card-meta-icon{font-size:14px}.creator-container{max-width:600px}.section-title{margin-bottom:var(--space-sm);font-size:var(--font-2xl);color:var(--text-h);font-weight:var(--weight-semibold)}.section-desc{margin-bottom:var(--space-2xl);color:var(--text);font-size:var(--font-base)}.form-group-creator{margin-bottom:var(--space-xl)}.form-group-creator label{margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:var(--weight-semibold);text-transform:uppercase;color:var(--text-h);display:block}.creator-select{width:100%;padding:var(--space-md);background:var(--card-bg);color:var(--text-h);border:var(--hairline) var(--border);font-family:var(--font-minimal)}.card-grid-library{--library-card-min-width:280px;grid-template-columns:repeat(auto-fill, minmax(var(--library-card-min-width), 1fr));gap:var(--space-xl);display:grid}.db-library-container{margin-top:var(--space-2xl)}.db-library-load-more-box{text-align:center;margin-top:var(--space-2xl)}.db-library-empty-icon-box{width:48px;height:48px}.db-library-card{background:var(--card-bg);border:var(--hairline) var(--border);padding:var(--space-xl);min-height:180px;transition:border-color var(--transition-timing), box-shadow var(--transition-timing);flex-direction:column;justify-content:space-between;display:flex}.db-library-card:hover{border-color:var(--text-h)}.db-library-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.db-library-badge{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);align-items:center;gap:var(--space-xs);border:var(--hairline) var(--border);padding:2px 8px;display:inline-flex}.db-library-badge.is-public{border-color:var(--accent);color:var(--accent)}.db-library-badge.is-private{border-color:var(--border);color:var(--text)}.db-library-card-actions{align-items:center;gap:var(--space-xs);display:flex}.db-library-icon-btn{color:var(--text);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.db-library-icon-btn:hover{color:var(--text-h)}.db-library-icon-btn.is-delete:hover{color:var(--palette-red)}.db-library-card-title{font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--text-h);line-height:var(--leading-snug);margin:0}.db-library-card-meta{font-size:var(--font-xs);color:var(--text);margin-top:var(--space-xs);align-items:center;gap:var(--space-xs);display:flex}.db-library-card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--hairline) var(--border);justify-content:space-between;align-items:center;display:flex}.db-library-btn-edit{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:var(--hairline) var(--text-h);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;transition:all var(--transition-timing);background:0 0;display:inline-flex}.db-library-btn-edit:hover{background-color:var(--text-h);color:var(--card-bg)}.db-library-link-share{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--accent);align-items:center;gap:var(--space-xs);text-decoration:none;display:inline-flex}.db-library-link-share:hover{text-decoration:underline}.db-empty-state-box{background:var(--card-bg);border:var(--hairline) var(--border);padding:var(--space-3xl);text-align:center;max-width:500px;margin:var(--space-2xl) auto;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.db-tab-heading{margin-bottom:var(--space-sm);font-size:var(--font-2xl);color:var(--text-h)}.db-tab-subtitle{margin-bottom:var(--space-2xl);color:var(--text)}@media (max-width:1024px){.db-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.db-grid{grid-template-columns:1fr}.card-grid-library{--library-card-min-width:100%;gap:var(--space-md)}.db-library-card{padding:var(--space-md) var(--space-lg)}.db-empty-state-box{box-sizing:border-box;width:100%;max-width:100%;padding:var(--space-xl) var(--space-md);margin:var(--space-md) 0}.db-empty-state-box .btn,.db-empty-state-box .db-btn-primary{box-sizing:border-box;justify-content:center;width:100%;max-width:100%}.db-flex-between{margin-bottom:var(--space-md)}.db-section-block{margin-bottom:var(--space-2xl)}}.db-mobile-profile-view{padding:var(--space-2xl);background:var(--card-bg);border:var(--hairline) var(--border);margin-top:var(--space-lg);flex-direction:column;align-items:center;display:flex}.db-mobile-profile-header{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);width:100%;display:flex}.db-mobile-profile-info{flex:1}.db-mobile-profile-name{font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--text-h)}.db-mobile-profile-plan{font-size:var(--font-sm);color:var(--accent);font-weight:var(--weight-semibold);text-transform:uppercase}.notifications-page .db-header{margin-bottom:var(--space-lg)}.notifications-page .db-header-title{font-size:var(--font-2xl);font-family:var(--font-minimal)}.notifications-page .db-popup-empty{font-size:var(--font-base);font-family:var(--font-minimal);color:var(--text);text-align:center;padding:var(--space-lg) 0}.db-btn-logout{border:var(--hairline) #ef4444;padding:var(--space-md) var(--space-xl);margin-top:var(--space-xl);color:#ef4444;cursor:pointer;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);transition:border-color var(--transition-timing), background-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:0}.db-btn-logout:hover{color:var(--card-bg);background:#ef4444;border-color:#ef4444}.db-btn-logout:active{transform:var(--transform-active-scale)}@media (max-width:768px){.db-recent-projects-grid{grid-template-columns:1fr!important}}.db-section-label{font-size:var(--font-sm);color:var(--text-secondary);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-xs)}.db-section-title{font-size:var(--font-2xl);font-weight:var(--weight-bold);color:var(--text-h);margin-bottom:var(--space-lg)}.mobile-text{display:none}@media (max-width:768px){.db-section-title{margin-bottom:var(--space-sm);font-size:var(--font-lg)!important}.db-section-label{font-size:var(--font-xs)!important;font-weight:var(--weight-bold)!important}.desktop-text{display:none}.mobile-text{display:inline}}.db-notification-btn{background:var(--card-bg);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);cursor:pointer;width:44px;height:44px;transition:background var(--transition-timing), border-color var(--transition-timing);color:var(--text);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.db-notification-btn:hover{background:var(--hover-overlay);border-color:var(--border);color:var(--text-h)}.db-notification-btn:active{background:var(--border)}.db-notification-dot{top:var(--space-sm);right:var(--space-sm);width:var(--space-xs-plus);height:var(--space-xs-plus);background:var(--accent);border-radius:var(--radius-minimal);position:absolute}.db-notification-popup{top:var(--layout-notification-top);width:var(--layout-popup-width);background:var(--card-bg);border:var(--hairline) var(--border);padding:var(--space-lg);z-index:var(--z-popup);cursor:default;position:absolute;right:0}.db-popup-title{font-size:var(--font-sm);color:var(--text-h);font-weight:var(--weight-semibold);margin:0}.db-popup-divider{height:var(--hairline-width);background:var(--border);margin:var(--space-sm) 0;border:0}.db-popup-empty{font-size:var(--font-xs-plus);color:var(--text);margin:0}.db-notification-popup.sidebar-profile-popup{top:auto;bottom:var(--layout-profile-popup-bottom);left:var(--space-sm);width:var(--layout-profile-popup-width);z-index:var(--z-modal);right:auto}.db-logout-btn{padding:var(--space-sm-plus) var(--space-lg);font-size:var(--font-sm);color:var(--palette-red);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-sm);cursor:pointer;transition:background-color var(--transition-timing);text-align:left;background:0 0;border:none;width:100%;margin:0;display:flex}.db-logout-btn:hover{background-color:var(--palette-red-hover)}.db-logout-btn:active{background-color:var(--palette-red-active)}.db-modal-backdrop{background-color:var(--modal-backdrop-bg);width:100%;height:100%;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.db-notification-popup--modal{width:var(--layout-modal-width);padding:var(--space-xl);box-shadow:var(--shadow);position:relative;top:auto;right:auto}.db-notification-popup--modal .db-popup-empty{line-height:var(--leading-normal);margin-top:var(--space-md)}.db-notification-popup--modal .db-btn-secondary{width:100%;margin-top:var(--space-lg)}.stitch-preview-scroll-container.seq-preview-scroll-container{align-items:center;gap:var(--space-2xl);flex-direction:column;max-width:1020px;display:flex}.stitch-a4-page-mockup.seq-a4-landscape-page{aspect-ratio:297/210;box-sizing:border-box;background-color:var(--print-paper-bg);width:100%;max-width:960px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:0;display:flex;position:relative}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-sheet-header{border-bottom:max(1px, calc(100cqi * (.75 / 841.89))) solid var(--print-border-muted);padding:2.6936cqi 5.05051cqi 1.3468cqi}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-sheet-title{margin:0 0 .673401cqi;font-size:1.66293cqi;line-height:1.2}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-sheet-subtitle{margin:0 0 .673401cqi;font-size:1.06902cqi;line-height:1.2}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-sheet-sub-brand{margin:0;font-size:.950243cqi;line-height:1.1}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-sheet-page-counter{margin-left:2.6936cqi;font-size:1.06902cqi}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-sheet-footer{border-top:max(1px, calc(100cqi * (.75 / 841.89))) solid var(--print-border-muted);padding:1.3468cqi 5.05051cqi 2.6936cqi}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-sheet-footer-left-brand{gap:2.0202cqi}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-sheet-footer-logo-img{width:auto;height:1.42536cqi}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-footer-brand-text,.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-a4-footer-url{font-size:.950243cqi;line-height:1}.stitch-a4-page-mockup.seq-a4-landscape-page .stitch-sheet-watermark-overlay span{font-size:4.75121cqi}.seq-dtp-strips-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3.367cqi;padding:2.0202cqi 5.05051cqi;display:flex}.seq-dtp-strip-block{flex-direction:column;align-items:center;gap:1.0101cqi;display:flex}.seq-dtp-strip-row{justify-content:center;align-items:center;gap:1.0101cqi;display:flex}.seq-dtp-cell{background-color:var(--print-paper-bg);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:10.101cqi;height:10.101cqi;display:flex}.seq-a4-landscape-page.is-58mm .seq-dtp-cell{width:19.5286cqi;height:19.5286cqi}.seq-a4-landscape-page.is-58mm .seq-dtp-strip-block{gap:2.6936cqi}.seq-a4-landscape-page.is-58mm .seq-dtp-strips-container{gap:6.73401cqi}.seq-dtp-cell.is-visible{border:1.5px solid var(--print-ink-color)}.seq-dtp-cell.is-interactive{cursor:pointer;transition:border-color var(--transition-timing), background-color var(--transition-timing), transform var(--transition-timing);position:relative}.seq-dtp-cell.is-interactive:hover{border-color:var(--accent);background-color:var(--hover-overlay);z-index:var(--z-interactive-highlight);transform:var(--transform-hover-scale)}.seq-dtp-cell.is-slot-hovered{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-border)}.seq-dtp-cell.is-masked{border:1.5px dashed var(--print-ink-muted);background-color:var(--print-paper-bg)}.seq-dtp-cell-img{object-fit:contain;width:100%;height:100%;display:block}.seq-dtp-cell-svg{width:100%;height:100%;display:block}.seq-dtp-dedicated-cutout-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.0202cqi 5.05051cqi;display:flex}.seq-dtp-dedicated-cutout-rows,.seq-dtp-dedicated-cutout-grid,.seq-dtp-cutout-grid{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:flex}.seq-dtp-cutout-row{flex-direction:row;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;display:flex}.seq-dtp-cutout-row:not(:first-child){margin-top:-1.5px}.seq-dtp-cut-tile{background-color:var(--print-paper-bg);border:1.5px dashed var(--print-ink-color);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:10.101cqi;height:10.101cqi;margin-right:-1.5px;display:flex}.seq-a4-landscape-page.is-58mm .seq-dtp-cut-tile{width:19.5286cqi;height:19.5286cqi}.seq-spread-container{justify-content:center;align-items:stretch;gap:var(--space-md);width:100%;padding-bottom:var(--space-xs);flex-direction:row;display:flex;overflow-x:auto}.seq-spread-container .seq-a4-landscape-page{flex:1 1 0;min-width:320px;max-width:540px}.seq-a4-landscape-page.is-spread-left .seq-dtp-strips-container,.seq-a4-landscape-page.is-spread-left .seq-dtp-strip-block{align-items:flex-end}.seq-a4-landscape-page.is-spread-right .seq-dtp-strips-container,.seq-a4-landscape-page.is-spread-right .seq-dtp-strip-block{align-items:flex-start}.seq-modal-backdrop{background-color:var(--modal-backdrop-bg);z-index:var(--z-modal);padding:var(--space-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.seq-modal-container{background-color:var(--card-bg);box-shadow:var(--shadow);border:var(--hairline) var(--border);box-sizing:border-box;border-radius:0;outline:none;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden}.seq-modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:var(--hairline) var(--border);background-color:var(--card-bg);justify-content:space-between;align-items:flex-start;display:flex}.seq-modal-title{font-size:var(--font-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-h);margin:0}.seq-modal-subtitle{font-size:var(--font-xs);color:var(--text);margin:var(--space-xs) 0 0 0}.seq-modal-close-btn{color:var(--text);cursor:pointer;width:44px;min-width:44px;height:44px;min-height:44px;transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;margin:-10px -10px -10px 0;padding:0;display:flex}.seq-modal-close-btn:hover{color:var(--text-h)}.seq-modal-body{padding:var(--space-xl);background-color:var(--card-bg);flex:1;overflow-y:auto}.seq-thematic-container{gap:var(--space-md);flex-direction:column;display:flex}.seq-search-container{border:var(--hairline) var(--border);background-color:var(--bg);width:100%;transition:border-color var(--transition-timing);box-sizing:border-box;border-radius:0;align-items:center;display:flex;position:relative}.seq-search-container:focus-within{border-color:var(--accent)}.seq-search-icon{left:var(--space-sm);color:var(--text);pointer-events:none;font-size:20px;position:absolute}.seq-search-input{width:100%;height:40px;color:var(--text-h);font-size:var(--font-sm);box-sizing:border-box;background:0 0;border:none;border-radius:0;outline:none;padding:0 44px 0 38px;font-family:inherit}.seq-search-input::placeholder{color:var(--text);opacity:var(--opacity-muted)}.seq-search-clear-btn{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}.seq-search-clear-btn:hover{color:var(--text-h)}.seq-empty-state{padding:var(--space-2xl) var(--space-lg);text-align:center;border:var(--hairline-dashed) var(--border);background-color:var(--bg);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.seq-empty-state-icon{color:var(--text);margin-bottom:var(--space-sm);opacity:var(--opacity-muted);font-size:40px}.seq-empty-state-title{font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--text-h);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-xs) 0}.seq-empty-state-subtitle{font-size:var(--font-xs);color:var(--text);margin:0 0 var(--space-md) 0;max-width:320px}.seq-empty-state-btn{padding:var(--space-xs) var(--space-md);border:var(--hairline) var(--accent);color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background-color var(--transition-timing), color var(--transition-timing);background-color:#0000;border-radius:0}.seq-empty-state-btn:hover{background-color:var(--accent);color:var(--card-bg)}.seq-thematic-grid,.seq-shape-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.seq-thematic-card,.seq-shape-tile-btn{padding:var(--space-xs) 2px;border:var(--hairline) var(--border);background-color:var(--card-bg);cursor:pointer;min-height:88px;transition:background-color var(--transition-timing), border-color var(--transition-timing);box-sizing:border-box;border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.seq-thematic-card:hover:not(:disabled),.seq-shape-tile-btn:hover{border-color:var(--accent-border);background-color:var(--hover-overlay)}.seq-thematic-card.is-selected,.seq-shape-tile-btn.is-selected{border-color:var(--accent);background-color:var(--accent-bg)}.seq-thematic-card.is-used{opacity:var(--opacity-muted);cursor:not-allowed;filter:grayscale(80%)}.seq-thematic-card-img-wrap,.seq-shape-tile-img-wrap{width:48px;height:48px;margin-bottom:var(--space-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.seq-thematic-card-img{object-fit:contain;max-width:100%;max-height:100%}.seq-shape-tile-svg{flex-shrink:0;width:44px;height:44px}.seq-thematic-card-name,.seq-shape-tile-label{font-size:var(--font-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-h);text-align:center;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;max-width:100%;padding:0 2px;overflow:hidden}.seq-shape-tile-btn.is-selected .seq-shape-tile-label{color:var(--accent);font-weight:var(--weight-bold)}.seq-thematic-card-used-badge{font-size:9px;font-weight:var(--weight-bold);text-transform:uppercase;background-color:var(--border);color:var(--text);border-radius:0;padding:1px 3px;position:absolute;top:2px;right:2px}.seq-athematic-config{gap:var(--space-md);flex-direction:column;display:flex}.seq-athematic-preview-box{background-color:var(--bg);border:var(--hairline-dashed) var(--border);padding:var(--space-sm) var(--space-md);box-sizing:border-box;border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.seq-athematic-preview-svg{width:56px;height:56px}.seq-athematic-preview-label{font-size:var(--font-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text);margin-top:var(--space-xs)}.seq-section-header-row{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.seq-selected-shape-name{font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--accent);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.seq-size-options{gap:var(--space-xs);margin-top:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.seq-option-btn{padding:var(--space-sm) var(--space-md);border:var(--hairline) var(--border);background-color:var(--card-bg);font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-h);cursor:pointer;transition:background-color var(--transition-timing), border-color var(--transition-timing);text-align:center;border-radius:0}.seq-option-btn:hover{border-color:var(--accent-border);background-color:var(--hover-overlay)}.seq-option-btn.is-selected{border-color:var(--accent);background-color:var(--accent-bg);color:var(--accent);font-weight:var(--weight-bold)}.seq-color-options{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.seq-color-btn{border-radius:var(--radius-circle);border:var(--hairline) transparent;cursor:pointer;width:34px;height:34px;transition:transform var(--transition-timing), box-shadow var(--transition-timing);outline:none}.seq-color-btn[data-color=red]{background-color:var(--palette-red)}.seq-color-btn[data-color=blue]{background-color:var(--palette-blue)}.seq-color-btn[data-color=green]{background-color:var(--palette-green)}.seq-color-btn[data-color=yellow]{background-color:var(--palette-yellow)}.seq-color-btn[data-color=black]{background-color:var(--palette-black);border-color:var(--border)}.seq-color-btn:hover{transform:scale(1.1)}.seq-color-btn.is-selected{border-color:var(--card-bg);box-shadow:0 0 0 var(--highlight-ring-width) var(--accent);transform:scale(1.1)}.seq-collision-alert{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--palette-red-hover);border:var(--hairline) var(--palette-red);color:var(--palette-red);font-size:var(--font-xs);font-weight:var(--weight-medium);border-radius:0;display:flex}.seq-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-top:var(--hairline) var(--border);background-color:var(--bg);display:flex}.seq-btn-secondary{padding:var(--space-sm) var(--space-lg);border:var(--hairline) var(--border);background-color:var(--card-bg);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background-color var(--transition-timing);border-radius:0}.seq-btn-secondary:hover{background-color:var(--hover-overlay)}.seq-btn-primary{padding:var(--space-sm) var(--space-xl);border:var(--hairline) var(--accent);background-color:var(--accent);color:var(--card-bg);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background-color var(--transition-timing);border-radius:0}.seq-btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.seq-btn-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.seq-note-muted{font-size:var(--font-xs);color:var(--text);line-height:var(--leading-tight)}.seq-field-header-row{justify-content:space-between;align-items:center;display:flex;position:relative}.seq-info-popover-container{align-items:center;display:inline-flex;position:relative}.seq-info-trigger-btn{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);width:28px;min-width:28px;height:28px;min-height:28px;transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.seq-info-trigger-btn:hover,.seq-info-trigger-btn:focus-visible{color:var(--accent);background-color:var(--hover-overlay)}.seq-info-trigger-btn.is-active{color:var(--accent);background-color:var(--accent-bg)}.seq-info-trigger-btn span{font-size:18px}.seq-info-popover-bubble{top:calc(100% + var(--space-xs));background-color:var(--card-bg);border:var(--hairline) var(--border);width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:var(--radius-minimal);padding:var(--space-sm) var(--space-md);z-index:var(--z-popup);position:absolute;right:0}@media (max-width:768px){.seq-info-trigger-btn{width:32px;min-width:32px;height:32px;min-height:32px}.seq-info-trigger-btn span{font-size:20px}.seq-info-popover-bubble{width:min(300px,100vw - 32px);right:0}}.seq-info-popover-header{margin-bottom:var(--space-xs);border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.seq-info-popover-title{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-h)}.seq-info-popover-close{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.seq-info-popover-close:hover,.seq-info-popover-close:focus-visible{color:var(--text-h);background-color:var(--hover-overlay)}.seq-info-popover-text{font-size:var(--font-xs);color:var(--text);line-height:var(--leading-normal);margin:0}.stitch-preview-scroll-container.series-preview-scroll-container{align-items:center;gap:var(--space-2xl);flex-direction:column;max-width:1020px;display:flex}.stitch-a4-page-mockup.series-a4-landscape-page{aspect-ratio:297/210;box-sizing:border-box;background-color:var(--print-paper-bg);width:100%;max-width:960px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:0;display:flex;position:relative}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-sheet-header{border-bottom:max(1px, calc(100cqi * (.75 / 841.89))) solid var(--print-border-muted);padding:2.6936cqi 5.05051cqi 1.3468cqi}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-sheet-title{margin:0 0 .673401cqi;font-size:1.66293cqi;line-height:1.2}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-sheet-subtitle{margin:0 0 .673401cqi;font-size:1.06902cqi;line-height:1.2}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-sheet-sub-brand{margin:0;font-size:.950243cqi;line-height:1.1}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-sheet-page-counter{margin-left:2.6936cqi;font-size:1.06902cqi}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-sheet-footer{border-top:max(1px, calc(100cqi * (.75 / 841.89))) solid var(--print-border-muted);padding:1.3468cqi 5.05051cqi 2.6936cqi}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-sheet-footer-left-brand{gap:2.0202cqi}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-sheet-footer-logo-img{width:auto;height:1.42536cqi}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-footer-brand-text,.stitch-a4-page-mockup.series-a4-landscape-page .stitch-a4-footer-url{font-size:.950243cqi;line-height:1}.stitch-a4-page-mockup.series-a4-landscape-page .stitch-sheet-watermark-overlay span{font-size:4.75121cqi}.series-dtp-strips-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5.38721cqi;padding:2.0202cqi 5.05051cqi;display:flex}.series-dtp-strip-block{flex-direction:column;align-items:center;gap:2.6936cqi;display:flex}.series-dtp-strip-row{justify-content:center;align-items:center;gap:1.0101cqi;display:flex}.series-dtp-cell{background-color:var(--print-paper-bg);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:10.101cqi;height:10.101cqi;display:flex}.series-a4-landscape-page.is-58mm .series-dtp-cell{width:19.5286cqi;height:19.5286cqi}.series-a4-landscape-page.is-58mm .series-dtp-strip-block{gap:2.6936cqi}.series-a4-landscape-page.is-58mm .series-dtp-strips-container{gap:6.73401cqi}.series-dtp-cell.is-visible{border:1.5px solid var(--print-ink-color)}.series-dtp-cell.is-interactive{cursor:pointer;transition:border-color var(--transition-timing), background-color var(--transition-timing), transform var(--transition-timing);position:relative}.series-dtp-cell.is-interactive:hover{border-color:var(--accent);background-color:var(--hover-overlay);z-index:var(--z-interactive-highlight);transform:var(--transform-hover-scale)}.series-dtp-cell.is-slot-hovered{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-border)}.series-dtp-cell.is-masked{border:1.5px dashed var(--print-ink-muted);background-color:var(--print-paper-bg)}.series-dtp-cell-img{object-fit:contain;width:100%;height:100%;display:block}.series-dtp-cell-svg{width:100%;height:100%;display:block}.series-dtp-dedicated-cutout-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.0202cqi 5.05051cqi;display:flex}.series-dtp-dedicated-cutout-rows{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:flex}.series-dtp-cutout-row{flex-direction:row;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;display:flex}.series-dtp-cutout-row:not(:first-child){margin-top:-1.5px}.series-dtp-cut-tile{background-color:var(--print-paper-bg);border:1.5px dashed var(--print-ink-color);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:10.101cqi;height:10.101cqi;margin-right:-1.5px;display:flex}.series-a4-landscape-page.is-58mm .series-dtp-cut-tile{width:19.5286cqi;height:19.5286cqi}.series-spread-container{justify-content:center;align-items:stretch;gap:var(--space-md);width:100%;padding-bottom:var(--space-xs);flex-direction:row;display:flex;overflow-x:auto}.series-spread-container .series-a4-landscape-page{flex:1 1 0;min-width:320px;max-width:540px}.series-a4-landscape-page.is-spread-left .series-dtp-strips-container,.series-a4-landscape-page.is-spread-left .series-dtp-strip-block{align-items:flex-end}.series-a4-landscape-page.is-spread-right .series-dtp-strips-container,.series-a4-landscape-page.is-spread-right .series-dtp-strip-block{align-items:flex-start}.series-modal-backdrop{background-color:var(--modal-backdrop-bg);z-index:var(--z-modal);padding:var(--space-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.series-modal-container{background-color:var(--card-bg);box-shadow:var(--shadow);border:var(--hairline) var(--border);box-sizing:border-box;border-radius:0;outline:none;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden}.series-modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:var(--hairline) var(--border);background-color:var(--card-bg);justify-content:space-between;align-items:flex-start;display:flex}.series-modal-title{font-size:var(--font-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-h);margin:0}.series-modal-subtitle{font-size:var(--font-xs);color:var(--text);margin:var(--space-xs) 0 0 0}.series-modal-close-btn{color:var(--text);cursor:pointer;width:44px;min-width:44px;height:44px;min-height:44px;transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;margin:-10px -10px -10px 0;padding:0;display:flex}.series-modal-close-btn:hover{color:var(--text-h)}.series-modal-body{padding:var(--space-xl);background-color:var(--card-bg);flex:1;overflow-y:auto}.series-thematic-container{gap:var(--space-md);flex-direction:column;display:flex}.series-search-container{border:var(--hairline) var(--border);background-color:var(--bg);box-sizing:border-box;border-radius:0;align-items:center;width:100%;display:flex;position:relative}.series-search-icon{left:var(--space-md);color:var(--text);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.series-search-input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) * 2 + 16px);font-family:inherit;font-size:var(--font-sm);color:var(--text-h);box-sizing:border-box;background:0 0;border:none;outline:none}.series-search-input::placeholder{color:var(--text)}.series-cards-grid{gap:var(--space-md);flex-direction:column;display:flex}.series-pack-card{gap:var(--space-sm);padding:var(--space-md);border:var(--hairline) var(--border);background-color:var(--bg);cursor:pointer;transition:border-color var(--transition-timing), background-color var(--transition-timing);text-align:left;flex-direction:column;display:flex}.series-pack-card:hover{border-color:var(--accent)}.series-pack-card.is-selected{border-color:var(--accent);background-color:var(--card-bg);box-shadow:inset 0 0 0 1px var(--accent)}.series-pack-header{justify-content:space-between;align-items:center;display:flex}.series-pack-name{font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--text-h)}.series-frames-strip{gap:var(--space-xs);background-color:var(--print-paper-bg);padding:var(--space-xs);border:var(--hairline) var(--border);grid-template-columns:repeat(6,1fr);display:grid}.series-frame-thumb{aspect-ratio:1;background-color:var(--print-paper-bg);justify-content:center;align-items:center;display:flex;overflow:hidden}.series-frame-thumb img{object-fit:contain;width:100%;height:100%}.series-empty-state{padding:var(--space-2xl) var(--space-lg);text-align:center;border:var(--hairline-dashed) var(--border);background-color:var(--bg);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.series-empty-state-icon{color:var(--text);margin-bottom:var(--space-sm);opacity:var(--opacity-muted);font-size:40px}.series-empty-state-title{font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--text-h);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-xs) 0}.series-empty-state-subtitle{font-size:var(--font-xs);color:var(--text);margin:0 0 var(--space-md) 0;max-width:320px}.series-empty-state-btn{padding:var(--space-xs) var(--space-md);border:var(--hairline) var(--accent);color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background-color var(--transition-timing), color var(--transition-timing);background-color:#0000;border-radius:0}.series-empty-state-btn:hover{background-color:var(--accent);color:var(--card-bg)}.series-athematic-container{gap:var(--space-lg);flex-direction:column;display:flex}.series-athematic-section{gap:var(--space-sm);flex-direction:column;display:flex}.series-athematic-label{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text)}.series-shapes-row{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.series-shape-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:var(--hairline) var(--border);background-color:var(--bg);cursor:pointer;transition:border-color var(--transition-timing), background-color var(--transition-timing);flex-direction:column;display:flex}.series-shape-btn:hover{border-color:var(--accent)}.series-shape-btn.is-selected{border-color:var(--accent);background-color:var(--card-bg);box-shadow:inset 0 0 0 1px var(--accent)}.series-shape-svg-preview{width:48px;height:48px}.series-shape-title{font-size:var(--font-xs);color:var(--text-h)}.series-colors-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.series-color-swatch-btn{border:var(--hairline) var(--border);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-timing);border-radius:0;justify-content:center;align-items:center;display:flex}.series-color-swatch-btn.is-selected{outline:2px solid var(--accent);outline-offset:2px}.series-athematic-live-preview{gap:var(--space-sm);padding:var(--space-md);border:var(--hairline) var(--border);background-color:var(--bg);flex-direction:column;display:flex}.series-athematic-preview-strip{gap:var(--space-xs);background-color:var(--print-paper-bg);padding:var(--space-xs);border:var(--hairline) var(--border);grid-template-columns:repeat(6,1fr);display:grid}.series-athematic-preview-cell{aspect-ratio:1;background-color:var(--card-bg);border:var(--hairline) var(--border);box-sizing:border-box;justify-content:center;align-items:center;padding:2px;display:flex;overflow:hidden}.series-athematic-preview-svg{width:100%;height:100%;display:block}.series-modal-footer{padding:var(--space-lg) var(--space-xl);border-top:var(--hairline) var(--border);justify-content:flex-end;gap:var(--space-md);background-color:var(--card-bg);display:flex}.series-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);font-weight:var(--weight-bold);text-transform:uppercase;cursor:pointer;border:var(--hairline) var(--border);background-color:var(--bg);color:var(--text-h);transition:border-color var(--transition-timing), background-color var(--transition-timing), color var(--transition-timing)}.series-btn:hover{border-color:var(--text-h)}.series-btn.is-primary{background-color:var(--accent);color:var(--card-bg);border-color:var(--accent)}.series-btn.is-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--card-bg)}.series-note-muted{font-size:var(--font-xs);color:var(--text);line-height:var(--leading-tight)}.series-field-header-row{justify-content:space-between;align-items:center;display:flex;position:relative}.series-info-popover-container{align-items:center;display:inline-flex;position:relative}.series-info-trigger-btn{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);width:28px;min-width:28px;height:28px;min-height:28px;transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.series-info-trigger-btn:hover,.series-info-trigger-btn:focus-visible{color:var(--accent);background-color:var(--hover-overlay)}.series-info-trigger-btn.is-active{color:var(--accent);background-color:var(--accent-bg)}.series-info-trigger-btn span{font-size:18px}.series-info-popover-bubble{top:calc(100% + var(--space-xs));background-color:var(--card-bg);border:var(--hairline) var(--border);width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:var(--radius-minimal);padding:var(--space-sm) var(--space-md);z-index:var(--z-popup);position:absolute;right:0}@media (max-width:768px){.series-info-trigger-btn{width:32px;min-width:32px;height:32px;min-height:32px}.series-info-trigger-btn span{font-size:20px}.series-info-popover-bubble{width:min(300px,100vw - 32px);right:0}}.series-info-popover-header{margin-bottom:var(--space-xs);border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.series-info-popover-title{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-h)}.series-info-popover-close{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.series-info-popover-close:hover,.series-info-popover-close:focus-visible{color:var(--text-h);background-color:var(--hover-overlay)}.series-info-popover-text{font-size:var(--font-xs);color:var(--text);line-height:var(--leading-normal);margin:0}.series-active-card-btn{gap:var(--space-xs);padding:var(--space-md);border:var(--hairline) var(--border);background-color:var(--bg);cursor:pointer;text-align:left;width:100%;transition:border-color var(--transition-timing), background-color var(--transition-timing);box-sizing:border-box;border-radius:0;flex-direction:column;display:flex}.series-active-card-btn:hover{border-color:var(--accent)}.series-active-card-header{justify-content:space-between;align-items:center;display:flex}.series-active-card-title{font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--text-h)}.series-active-card-change{font-size:var(--font-xs);color:var(--accent);font-weight:var(--weight-medium)}.series-active-card-preview{gap:var(--space-xs);background-color:var(--print-paper-bg);padding:var(--space-xs);border:var(--hairline) var(--border);grid-template-columns:repeat(6,1fr);display:grid}.series-active-card-thumb{aspect-ratio:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.series-active-card-thumb img{object-fit:contain;width:100%;height:100%}.series-active-card-svg{width:100%;height:100%}.stitch-preview-scroll-container.cat-preview-scroll-container{align-items:center;gap:var(--space-2xl);flex-direction:column;width:100%;max-width:800px;display:flex}.stitch-a4-page-mockup.cat-a4-portrait-page{aspect-ratio:210/297;box-sizing:border-box;background-color:var(--print-paper-bg);width:100%;max-width:680px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:0;display:flex;position:relative}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-sheet-header{border-bottom:max(1px, calc(100cqi * (.75 / 595.28))) solid var(--print-border-muted);padding:3.80952cqi 7.14286cqi 1.90476cqi}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-sheet-title{margin:0 0 .952381cqi;font-size:2.35183cqi;line-height:1.2}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-sheet-subtitle{margin:0 0 .952381cqi;font-size:1.51189cqi;line-height:1.2}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-sheet-sub-brand{margin:0;font-size:1.34391cqi;line-height:1.1}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-sheet-page-counter{margin-left:3.80952cqi;font-size:1.51189cqi}.cat-sheet-header-left{flex-direction:column;display:flex}.cat-sheet-header-right{align-items:center;gap:3.80952cqi;display:flex}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-sheet-footer{border-top:max(1px, calc(100cqi * (.75 / 595.28))) solid var(--print-border-muted);padding:1.90476cqi 7.14286cqi 3.80952cqi}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-sheet-footer-left-brand{gap:2.85714cqi}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-sheet-footer-logo-img{width:auto;height:2.01586cqi}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-footer-brand-text,.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-a4-footer-url{font-size:1.34391cqi;line-height:1}.stitch-a4-page-mockup.cat-a4-portrait-page .stitch-sheet-watermark-overlay span{font-size:6.71953cqi}.cat-dtp-columns-container{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:5.71429cqi;padding:2.85714cqi 7.14286cqi;display:flex}.cat-dtp-category-column,.cat-dtp-target-slots-col{flex-direction:column;justify-content:center;align-items:center;gap:1.42857cqi;display:flex}.cat-dtp-cell{background-color:var(--print-paper-bg);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:14.2857cqi;height:14.2857cqi;display:flex;position:relative}.cat-a4-portrait-page.is-58mm .cat-dtp-cell,.cat-a4-portrait-page.is-58mm .cat-dtp-cell{width:27.6191cqi;height:27.6191cqi}.cat-a4-portrait-page.is-58mm .cat-dtp-columns-container{gap:7.61905cqi;padding:.952381cqi 7.14286cqi}.cat-a4-portrait-page.is-58mm .stitch-a4-sheet-header{padding:2.38095cqi 7.14286cqi .952381cqi}.cat-a4-portrait-page.is-58mm .stitch-a4-sheet-title{margin:0 0 .476191cqi;font-size:2.01586cqi}.cat-a4-portrait-page.is-58mm .stitch-a4-sheet-subtitle{margin:0 0 .476191cqi;font-size:1.34391cqi}.cat-a4-portrait-page.is-58mm .stitch-a4-sheet-footer{padding:.952381cqi 7.14286cqi 1.90476cqi}.cat-dtp-cell.is-visible{border:1.5px solid var(--print-ink-color)}.cat-dtp-cell.is-interactive{cursor:pointer;transition:border-color var(--transition-timing), background-color var(--transition-timing), transform var(--transition-timing)}.cat-dtp-cell.is-interactive:hover{border-color:var(--accent);background-color:var(--hover-overlay);z-index:var(--z-interactive-highlight);transform:var(--transform-hover-scale)}.cat-dtp-cell.is-masked{border:1.5px dashed var(--print-ink-muted);background-color:var(--print-paper-bg)}.cat-slot-dot{background-color:var(--print-ink-muted);border-radius:var(--radius-circle);width:1.42857cqi;height:1.42857cqi}.cat-dtp-cell-img{object-fit:contain;width:100%;height:100%;display:block}.cat-dtp-cell-svg{width:100%;height:100%;display:block}.cat-dtp-cell-word{font-size:3.80952cqi;font-weight:var(--weight-bold);color:var(--print-ink-color);text-align:center;word-break:break-word;padding:0 .952381cqi;line-height:1.1}.cat-a4-portrait-page.is-58mm .cat-dtp-cell-word{font-size:6.66667cqi}.cat-dtp-dedicated-cutout-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.85714cqi 7.14286cqi;display:flex}.cat-dtp-dedicated-cutout-rows{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:flex}.cat-dtp-cutout-row{flex-direction:row;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;display:flex}.cat-dtp-cutout-row:not(:first-child){margin-top:-1.5px}.cat-dtp-cut-tile{background-color:var(--print-paper-bg);border:1.5px dashed var(--print-ink-color);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:14.2857cqi;height:14.2857cqi;margin-right:-1.5px;display:flex}.cat-a4-portrait-page.is-58mm .cat-dtp-cut-tile{width:27.6191cqi;height:27.6191cqi}.cat-a4-portrait-page.is-linguistic .cat-dtp-columns-container{gap:5.71429cqi;padding:3.80952cqi 7.14286cqi}.cat-a4-portrait-page.is-linguistic .cat-dtp-cell{width:35.7143cqi;height:7.61905cqi;padding:0 1.42857cqi}.cat-a4-portrait-page.is-linguistic.is-3-cols .cat-dtp-cell{width:24.7619cqi;height:7.61905cqi;padding:0 .952381cqi}.cat-a4-portrait-page.is-linguistic.is-58mm .cat-dtp-cell{width:35.7143cqi;height:11.4286cqi;padding:0 1.42857cqi}.cat-a4-portrait-page.is-linguistic.is-58mm.is-3-cols .cat-dtp-cell{width:24.7619cqi;height:11.4286cqi;padding:0 .952381cqi}.cat-a4-portrait-page.is-linguistic .cat-dtp-cell-word{font-size:2.68781cqi;font-weight:var(--weight-bold);color:var(--print-ink-color);letter-spacing:.02em;white-space:nowrap;max-width:100%;line-height:1.1;overflow:visible}.cat-a4-portrait-page.is-linguistic.is-3-cols .cat-dtp-cell-word{font-size:2.18385cqi}.cat-a4-portrait-page.is-linguistic.is-58mm .cat-dtp-cell-word{font-size:3.35976cqi}.cat-a4-portrait-page.is-linguistic.is-58mm.is-3-cols .cat-dtp-cell-word{font-size:2.68781cqi}.cat-a4-portrait-page.is-linguistic .cat-dtp-cutout-row{gap:0;margin-bottom:0}.cat-a4-portrait-page.is-linguistic .cat-dtp-cutout-row:not(:first-child){margin-top:-1.5px}.cat-a4-portrait-page.is-linguistic .cat-dtp-cut-tile{width:35.7143cqi;height:7.61905cqi;margin-right:-1.5px;padding:0 1.42857cqi}.cat-a4-portrait-page.is-linguistic.is-3-cols .cat-dtp-cut-tile{width:24.7619cqi;height:7.61905cqi;margin-right:-1.5px;padding:0 .952381cqi}.cat-a4-portrait-page.is-linguistic.is-58mm .cat-dtp-cut-tile{width:35.7143cqi;height:11.4286cqi;margin-right:-1.5px;padding:0 1.42857cqi}.cat-a4-portrait-page.is-linguistic.is-58mm.is-3-cols .cat-dtp-cut-tile{width:24.7619cqi;height:11.4286cqi;margin-right:-1.5px;padding:0 .952381cqi}.picker-backdrop{background-color:var(--modal-backdrop-bg);z-index:var(--z-modal);padding:var(--space-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-dialog{background-color:var(--card-bg);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);box-shadow:var(--shadow);box-sizing:border-box;outline:none;flex-direction:column;width:100%;max-height:88vh;display:flex;overflow:hidden}.picker-dialog.is-wide{max-width:860px}.picker-dialog.is-narrow{max-width:560px}.picker-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:var(--hairline) var(--border);flex-shrink:0;display:flex}.picker-header-text{min-width:0}.picker-title{font-size:var(--font-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-h);margin:0}.picker-subtitle{font-size:var(--font-xs);color:var(--text);margin:var(--space-xs) 0 0 0}.picker-close-btn{color:var(--text);cursor:pointer;width:44px;min-width:44px;height:44px;margin:calc(-1 * var(--space-sm-plus)) calc(-1 * var(--space-sm-plus)) 0 0;transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.picker-close-btn:hover{color:var(--text-h)}.picker-footer{justify-content:flex-end;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-top:var(--hairline) var(--border);background-color:var(--bg);flex-shrink:0;display:flex}.picker-btn{padding:var(--space-sm) var(--space-lg);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);font-family:inherit;font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background-color var(--transition-timing), border-color var(--transition-timing)}.picker-btn.is-secondary{background-color:var(--card-bg);color:var(--text-h)}.picker-btn.is-secondary:hover{background-color:var(--hover-overlay)}.picker-btn.is-primary{padding-left:var(--space-xl);padding-right:var(--space-xl);border-color:var(--accent);background-color:var(--accent);color:var(--card-bg)}.picker-btn.is-primary:hover:not(:disabled){background-color:var(--accent-hover)}.picker-btn.is-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.picker-badge{font-size:9px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background-color:var(--border);color:var(--text);padding:1px var(--space-xs);border-radius:var(--radius-minimal);white-space:nowrap;flex-shrink:0}.picker-split{flex:1;min-height:0;display:flex;overflow:hidden}.picker-sidebar{width:240px;padding:var(--space-md) var(--space-sm);border-right:var(--hairline) var(--border);background-color:var(--bg);flex-direction:column;flex-shrink:0;gap:2px;display:flex;overflow:hidden auto}.picker-category-btn{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:var(--hairline) transparent;border-radius:var(--radius-minimal);color:var(--text-h);font-family:inherit;font-size:var(--font-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background-color var(--transition-timing), border-color var(--transition-timing), color var(--transition-timing);background:0 0;display:flex}.picker-category-btn:hover:not(:disabled){background-color:var(--hover-overlay)}.picker-category-btn.is-selected{border-color:var(--accent);background-color:var(--accent-bg);color:var(--accent);font-weight:var(--weight-bold)}.picker-category-btn.is-disabled{opacity:var(--opacity-muted);cursor:not-allowed}.picker-category-label{overflow-wrap:anywhere;min-width:0}.picker-items-pane{gap:var(--space-md);min-width:0;padding:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow:hidden}.picker-search-row{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.picker-search{border:var(--hairline) var(--border);background-color:var(--bg);transition:border-color var(--transition-timing);flex:1;align-items:center;display:flex;position:relative}.picker-search:focus-within{border-color:var(--accent)}.picker-search-icon{left:var(--space-sm);color:var(--text);pointer-events:none;position:absolute}.picker-search-input{width:100%;height:40px;padding:0 var(--space-md) 0 38px;border-radius:var(--radius-minimal);color:var(--text-h);font-family:inherit;font-size:var(--font-sm);box-sizing:border-box;background:0 0;border:none;outline:none}.picker-search-input::placeholder{color:var(--text);opacity:var(--opacity-muted)}.picker-count-indicator{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-xs) var(--space-sm);border:var(--hairline) var(--border);color:var(--text);white-space:nowrap;flex-shrink:0}.picker-count-indicator.is-complete{border-color:var(--accent);background-color:var(--accent-bg);color:var(--accent)}.picker-count-indicator.is-incomplete{border-color:var(--warning-amber-border);background-color:var(--warning-amber-bg);color:var(--warning-amber-text)}.picker-item-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;padding:2px;display:grid;overflow-y:auto}.picker-item-grid.is-linguistic{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.picker-item-card{justify-content:center;align-items:center;gap:var(--space-xs);min-height:112px;padding:var(--space-sm) var(--space-xs);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);background-color:var(--card-bg);cursor:pointer;transition:background-color var(--transition-timing), border-color var(--transition-timing);box-sizing:border-box;flex-direction:column;font-family:inherit;display:flex;position:relative}.picker-item-card.is-linguistic{min-height:80px}.picker-item-card:hover{border-color:var(--accent-border);background-color:var(--hover-overlay)}.picker-item-card.is-selected{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 var(--hairline-width) var(--accent)}.picker-item-card.is-selected.is-danger{border-color:var(--palette-red);background-color:var(--palette-red-active);box-shadow:0 0 0 var(--hairline-width) var(--palette-red)}.picker-item-img-wrap{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.picker-item-img-wrap img{object-fit:contain;max-width:100%;max-height:100%}.picker-item-name{max-width:100%;font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-h);text-align:center;overflow-wrap:anywhere}.picker-linguistic-word{font-size:var(--font-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-h);text-align:center;overflow-wrap:anywhere}.picker-item-card.is-selected .picker-linguistic-word{color:var(--accent)}.picker-item-card.is-selected.is-danger .picker-linguistic-word{color:var(--palette-red)}.picker-item-badge{min-width:18px;padding:1px var(--space-xs);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;text-align:center;background-color:var(--accent);color:var(--card-bg);border-radius:var(--radius-minimal);position:absolute;top:2px;right:2px}.picker-item-card.is-danger .picker-item-badge{background-color:var(--palette-red)}.picker-config-body{gap:var(--space-lg);min-height:0;padding:var(--space-lg) var(--space-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.picker-section{gap:var(--space-sm);flex-direction:column;display:flex}.picker-section-header{align-items:center;gap:var(--space-xs);display:flex}.picker-section-label{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-h)}.picker-section-icon{font-size:var(--font-base)}.picker-section-icon.is-accent{color:var(--accent)}.picker-section-icon.is-danger{color:var(--palette-red)}.picker-section-hint{font-size:var(--font-xs);color:var(--text);margin:0}.picker-divider{border:none;border-top:var(--hairline-dashed) var(--border);margin:0}.picker-preview-box{padding:var(--space-sm) var(--space-md);background-color:var(--bg);border:var(--hairline-dashed) var(--border);flex-direction:column;justify-content:center;align-items:center;display:flex}.picker-preview-svg{width:64px;height:64px}.picker-preview-label{margin-top:var(--space-xs);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text)}.picker-shape-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.picker-color-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.picker-size-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.picker-shape-btn,.picker-color-btn,.picker-size-btn{justify-content:center;align-items:center;gap:var(--space-xs);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);background-color:var(--card-bg);color:var(--text-h);font-family:inherit;font-size:var(--font-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--transition-timing), border-color var(--transition-timing), color var(--transition-timing);box-sizing:border-box;display:flex;position:relative}.picker-shape-btn{min-height:84px;padding:var(--space-sm) var(--space-xs);flex-direction:column}.picker-color-btn{min-width:0;padding:var(--space-sm) var(--space-xs);flex-direction:column}.picker-size-btn{padding:var(--space-sm) var(--space-md)}.picker-shape-btn:hover:not(:disabled),.picker-color-btn:hover:not(:disabled),.picker-size-btn:hover:not(:disabled){border-color:var(--accent-border);background-color:var(--hover-overlay)}.picker-shape-btn.is-selected,.picker-color-btn.is-selected,.picker-size-btn.is-selected{border-color:var(--accent);background-color:var(--accent-bg);color:var(--accent);font-weight:var(--weight-bold)}.picker-shape-btn.is-selected.is-danger,.picker-color-btn.is-selected.is-danger,.picker-size-btn.is-selected.is-danger{border-color:var(--palette-red);background-color:var(--palette-red-active);color:var(--palette-red)}.picker-shape-btn.is-disabled,.picker-color-btn.is-disabled,.picker-size-btn.is-disabled{opacity:var(--opacity-muted);cursor:not-allowed}.picker-shape-icon{flex-shrink:0;width:36px;height:36px}.picker-option-label{text-transform:uppercase;max-width:100%;letter-spacing:var(--tracking-wide);text-align:center;overflow-wrap:anywhere}.picker-color-swatch{border-radius:var(--radius-circle);border:var(--hairline) transparent;flex-shrink:0;width:20px;height:20px}.picker-color-swatch[data-color=red]{background-color:var(--palette-red)}.picker-color-swatch[data-color=blue]{background-color:var(--palette-blue)}.picker-color-swatch[data-color=green]{background-color:var(--palette-green)}.picker-color-swatch[data-color=yellow]{background-color:var(--palette-yellow)}.picker-color-swatch[data-color=black]{background-color:var(--palette-black);border-color:var(--border)}@media (max-width:768px){.picker-backdrop{padding:var(--space-sm)}.picker-dialog{max-height:92vh}.picker-header{padding:var(--space-md) var(--space-lg)}.picker-split{flex-direction:column}.picker-sidebar{gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);border-right:none;border-bottom:var(--hairline) var(--border);-webkit-overflow-scrolling:touch;flex-direction:row;overflow:auto hidden}.picker-category-btn{width:auto;padding:var(--space-xs) var(--space-sm);border-color:var(--border);background-color:var(--card-bg);font-size:var(--font-xs);flex-shrink:0}.picker-category-label{white-space:nowrap}.picker-items-pane{padding:var(--space-md)}.picker-item-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.picker-item-card{min-height:92px}.picker-item-img-wrap{width:44px;height:44px}.picker-config-body{padding:var(--space-md) var(--space-lg)}.picker-footer{padding:var(--space-sm) var(--space-lg)}}@media (max-width:480px){.picker-backdrop{padding:0}.picker-dialog{border:none;height:100%;max-height:100vh}.picker-search-row{align-items:stretch;gap:var(--space-xs);flex-direction:column}.picker-footer .picker-btn{flex:1}}.cat-field-header-row{justify-content:space-between;align-items:center;display:flex;position:relative}.cat-info-popover-container{align-items:center;display:inline-flex;position:relative}.cat-info-trigger-btn{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);width:28px;min-width:28px;height:28px;min-height:28px;transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.cat-info-trigger-btn:hover,.cat-info-trigger-btn:focus-visible{color:var(--accent);background-color:var(--hover-overlay)}.cat-info-trigger-btn.is-active{color:var(--accent);background-color:var(--accent-bg)}.cat-info-trigger-btn span{font-size:18px}.cat-info-popover-bubble{top:calc(100% + var(--space-xs));background-color:var(--card-bg);border:var(--hairline) var(--border);width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:var(--radius-minimal);padding:var(--space-sm) var(--space-md);z-index:var(--z-popup);position:absolute;right:0}@media (max-width:768px){.cat-info-trigger-btn{width:32px;min-width:32px;height:32px;min-height:32px}.cat-info-trigger-btn span{font-size:20px}.cat-info-popover-bubble{width:min(300px,100vw - 32px);right:0}}.cat-info-popover-header{margin-bottom:var(--space-xs);border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.cat-info-popover-title{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-h)}.cat-info-popover-close{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.cat-info-popover-close:hover,.cat-info-popover-close:focus-visible{color:var(--text-h);background-color:var(--hover-overlay)}.cat-info-popover-text{font-size:var(--font-xs);color:var(--text);line-height:var(--leading-normal);margin:0}.cat-section-group{gap:var(--space-md);flex-direction:column;display:flex}.cat-section-badge-header{align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;color:var(--accent);border-bottom:var(--hairline) var(--accent-border);display:flex}.cat-section-badge-title{font-size:var(--font-xs);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.cat-section-divider{margin-top:var(--space-md)}.stitch-preview-scroll-container.ex-preview-scroll-container{align-items:center;gap:var(--space-2xl);flex-direction:column;width:100%;max-width:1020px;display:flex}.stitch-a4-page-mockup.ex-a4-landscape-page{aspect-ratio:297/210;box-sizing:border-box;background-color:var(--print-paper-bg);width:100%;max-width:960px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:0;display:flex;position:relative}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-sheet-header{border-bottom:max(1px, calc(100cqi * (.75 / 841.89))) solid var(--print-border-muted);padding:2.6936cqi 5.05051cqi 1.3468cqi}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-sheet-title{margin:0 0 .673401cqi;font-size:1.66293cqi;line-height:1.2}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-sheet-subtitle{margin:0 0 .673401cqi;font-size:1.06902cqi;line-height:1.2}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-sheet-sub-brand{margin:0;font-size:.950243cqi;line-height:1.1}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-sheet-page-counter{margin-left:2.6936cqi;font-size:1.06902cqi}.ex-sheet-header-left{flex-direction:column;display:flex}.ex-sheet-header-right{align-items:center;gap:2.6936cqi;display:flex}.ex-part-badge{font-size:1.06902cqi;font-weight:var(--weight-bold);color:var(--text-h);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-sheet-footer{border-top:max(1px, calc(100cqi * (.75 / 841.89))) solid var(--print-border-muted);padding:1.3468cqi 5.05051cqi 2.6936cqi}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-sheet-footer-left-brand{gap:2.0202cqi}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-sheet-footer-logo-img{width:auto;height:1.42536cqi}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-footer-brand-text,.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-a4-footer-url{font-size:.950243cqi;line-height:1}.stitch-a4-page-mockup.ex-a4-landscape-page .stitch-sheet-watermark-overlay span{font-size:4.75121cqi}.ex-dtp-strips-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4.0404cqi;padding:2.0202cqi 5.05051cqi;display:flex}.ex-dtp-strip-block{flex-direction:column;justify-content:center;align-items:center;gap:1.0101cqi;width:100%;display:flex}.ex-dtp-strip-row{justify-content:center;align-items:center;gap:1.0101cqi;width:100%;display:flex}.ex-dtp-cell{background-color:var(--print-paper-bg);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:10.101cqi;height:10.101cqi;display:flex;position:relative}.ex-a4-landscape-page.is-58mm .ex-dtp-cell{width:19.5286cqi;height:19.5286cqi}.ex-a4-landscape-page.is-58mm .ex-dtp-strips-container{gap:6.73401cqi}.ex-dtp-cell.is-visible{border:1.5px solid var(--print-ink-color)}.ex-dtp-cell.is-interactive{cursor:pointer;transition:border-color var(--transition-timing), background-color var(--transition-timing), transform var(--transition-timing), box-shadow var(--transition-timing)}.ex-dtp-cell.is-interactive:hover{z-index:var(--z-interactive-highlight,5);transform:scale(1.04)}.ex-dtp-cell.is-interactive.is-base-cell:hover{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 var(--hairline-width) var(--accent)}.ex-dtp-cell.is-interactive.is-distractor-cell:hover{border-color:var(--palette-red);background-color:var(--palette-red-active);box-shadow:0 0 0 var(--hairline-width) var(--palette-red)}.ex-dtp-cell-img{object-fit:contain;width:100%;height:100%;display:block}.ex-dtp-cell-svg{width:100%;height:100%;display:block}.ex-dtp-cell-word{font-size:1.1878cqi;font-weight:var(--weight-bold);color:var(--print-ink-color);text-align:center;white-space:nowrap;padding:0 .673401cqi;line-height:1.1;overflow:visible}.ex-a4-landscape-page.is-58mm .ex-dtp-cell-word{font-size:2.13805cqi}.ex-spread-container{justify-content:center;align-items:stretch;gap:var(--space-md);width:100%;padding-bottom:var(--space-xs);flex-direction:row;display:flex;overflow-x:auto}.ex-spread-container .ex-a4-landscape-page{flex:1 1 0;min-width:320px;max-width:540px}.ex-a4-landscape-page.is-spread-left .ex-dtp-strips-container,.ex-a4-landscape-page.is-spread-left .ex-dtp-strip-block{align-items:flex-end}.ex-a4-landscape-page.is-spread-left .ex-dtp-strip-row{justify-content:flex-end}.ex-a4-landscape-page.is-spread-right .ex-dtp-strips-container,.ex-a4-landscape-page.is-spread-right .ex-dtp-strip-block{align-items:flex-start}.ex-a4-landscape-page.is-spread-right .ex-dtp-strip-row{justify-content:flex-start}.ex-field-header-row{justify-content:space-between;align-items:center;display:flex;position:relative}.ex-info-popover-container{align-items:center;display:inline-flex;position:relative}.ex-info-trigger-btn{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);width:28px;min-width:28px;height:28px;min-height:28px;transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ex-info-trigger-btn:hover,.ex-info-trigger-btn:focus-visible{color:var(--accent);background-color:var(--hover-overlay)}.ex-info-trigger-btn.is-active{color:var(--accent);background-color:var(--accent-bg)}.ex-info-trigger-btn span{font-size:18px}.ex-info-popover-bubble{top:calc(100% + var(--space-xs));background-color:var(--card-bg);border:var(--hairline) var(--border);width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:var(--radius-minimal);padding:var(--space-sm) var(--space-md);z-index:var(--z-popup);position:absolute;right:0}@media (max-width:768px){.ex-info-trigger-btn{width:32px;min-width:32px;height:32px;min-height:32px}.ex-info-trigger-btn span{font-size:20px}.ex-info-popover-bubble{width:min(300px,100vw - 32px);right:0}}.ex-info-popover-header{margin-bottom:var(--space-xs);border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.ex-info-popover-title{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-h)}.ex-info-popover-close{color:var(--text);cursor:pointer;border-radius:var(--radius-minimal);transition:color var(--transition-timing), background-color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.ex-info-popover-close:hover,.ex-info-popover-close:focus-visible{color:var(--text-h);background-color:var(--hover-overlay)}.ex-info-popover-text{font-size:var(--font-xs);color:var(--text);line-height:var(--leading-normal);margin:0}.ex-section-group{gap:var(--space-md);flex-direction:column;display:flex}.ex-section-badge-header{align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;color:var(--accent);border-bottom:var(--hairline) var(--accent-border);display:flex}.ex-section-badge-title{font-size:var(--font-xs);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.ex-section-divider{margin-top:var(--space-md)}.stitch-range-input{appearance:none;width:100%;height:var(--hairline-width);background:var(--text-h);margin:var(--space-sm) 0;outline:none}.stitch-range-input::-webkit-slider-thumb{appearance:none;width:var(--space-md);height:var(--space-md);background:var(--accent);border:var(--hairline) var(--text-h);cursor:pointer}.stitch-slider-ticks{width:100%;height:20px;font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--text);margin-top:var(--space-xs);display:block;position:relative}.stitch-tick-label{transform:var(--transform-center-x);padding:var(--space-xs) var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-timing);position:absolute}.stitch-tick-label.is-first-tick{text-align:left;padding-left:0;left:0;transform:none}.stitch-tick-label.is-last-tick{text-align:right;padding-right:0;left:auto;right:0;transform:none}.stitch-slider-ticks span:hover{color:var(--text-h)}.color-swatch-grid{gap:var(--space-md);flex-wrap:wrap;display:flex}.stitch-color-circle-pill{width:var(--space-2xl);height:var(--space-2xl);border-radius:var(--radius-circle);border:var(--hairline) var(--border);cursor:pointer;transition:transform var(--transition-timing);justify-content:center;align-items:center;display:flex;position:relative}.stitch-color-circle-pill:hover{transform:var(--transform-hover-scale)}.stitch-color-circle-pill.is-selected{opacity:var(--opacity-full);border-color:var(--text-h)}.stitch-color-circle-pill .swatch-check-icon{color:var(--card-bg);font-size:var(--font-base);font-weight:var(--weight-black);text-shadow:var(--text-shadow-heavy)}.stitch-color-circle-pill:not(.is-selected){opacity:var(--opacity-muted)}.stitch-color-count-badge{font-size:var(--font-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-md);color:var(--text)}.stitch-options-cards-vertical-stack{gap:var(--space-sm);flex-direction:column;display:flex}.stitch-option-item-card{background-color:var(--bg);border:var(--hairline) var(--border);padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-interactive-card);align-items:center;display:flex}.stitch-option-item-card:hover:not(.is-disabled-card){background-color:var(--hover-overlay);border-color:var(--accent-border)}.stitch-option-item-card.is-active:hover:not(.is-disabled-card){background-color:var(--accent-bg);border-color:var(--accent)}.stitch-option-item-card:active:not(.is-disabled-card){transform:var(--transform-active-scale)}.stitch-option-item-card.is-active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 var(--hairline-width) var(--accent)}.stitch-option-card-icon-circle{width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-circle);background-color:var(--card-bg);border:var(--hairline) var(--border);color:var(--text);margin-right:var(--space-md);transition:all var(--transition-timing);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.stitch-option-card-icon-circle .material-symbols-outlined{font-size:var(--font-sm);line-height:var(--leading-none)}.stitch-option-item-card.is-active .stitch-option-card-icon-circle{color:var(--accent);border-color:var(--accent)}.stitch-option-card-title-label{font-size:var(--font-xs);font-weight:var(--weight-medium);text-transform:uppercase;color:var(--text);letter-spacing:var(--tracking-wide);transition:color var(--transition-timing);flex:1}.stitch-option-item-card.is-active .stitch-option-card-title-label{color:var(--text-h)}.stitch-options-cards-vertical-stack .stitch-option-item-card.is-disabled-card{opacity:var(--opacity-disabled);cursor:not-allowed;background-color:var(--hover-overlay);border-color:var(--border);box-shadow:none}.stitch-options-cards-vertical-stack .stitch-option-item-card.is-disabled-card *{cursor:not-allowed;color:var(--text)}.stitch-option-card-check-indicator-mobile{display:none}.stitch-dimension-grid-2col{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.stitch-dimension-col{gap:var(--space-xs);flex-direction:column;display:flex}.stitch-sublabel-row{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--text);letter-spacing:var(--tracking-wide);justify-content:space-between;align-items:center;display:flex}.stitch-segmented-control-group{background-color:var(--bg);border:var(--hairline) var(--border);gap:2px;padding:2px;display:flex}.stitch-segmented-btn{padding:var(--space-xs) var(--space-xs);min-height:32px;font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-timing);background:0 0;border:none;flex:1;justify-content:center;align-items:center;display:flex}.stitch-segmented-btn:hover:not(.is-active){background-color:var(--hover-overlay);color:var(--text-h)}.stitch-segmented-btn.is-active{background-color:var(--text-h);color:var(--bg)}.stitch-options-cards-horizontal-row{gap:var(--space-xs);grid-template-columns:repeat(3,1fr);display:grid}.stitch-option-segment-card{justify-content:center;align-items:center;gap:var(--space-xs);background-color:var(--bg);border:var(--hairline) var(--border);padding:var(--space-sm) var(--space-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-interactive-card);text-align:center;flex-direction:column;min-height:68px;display:flex}.stitch-option-segment-card:hover:not(.is-disabled-card){background-color:var(--hover-overlay);border-color:var(--accent-border)}.stitch-option-segment-card.is-active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 var(--hairline-width) var(--accent)}.stitch-option-segment-card .stitch-option-card-icon-circle{width:var(--space-lg);height:var(--space-lg);margin-right:0}.stitch-option-segment-card .stitch-option-card-icon-circle .material-symbols-outlined{font-size:var(--font-xs)}.stitch-option-segment-card.is-active .stitch-option-card-icon-circle{color:var(--accent);border-color:var(--accent)}.stitch-option-segment-card .stitch-option-card-title-label{text-align:center;letter-spacing:.02em;flex:none;font-size:10px;line-height:1.15}.stitch-options-cards-grid-2x2{gap:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.stitch-option-compact-card{align-items:center;gap:var(--space-xs);background-color:var(--bg);border:var(--hairline) var(--border);padding:var(--space-xs) var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-interactive-card);min-height:38px;display:flex;overflow:hidden}.stitch-option-compact-card:hover:not(.is-disabled-card){background-color:var(--hover-overlay);border-color:var(--accent-border)}.stitch-option-compact-card.is-active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 var(--hairline-width) var(--accent)}.stitch-option-compact-card .stitch-option-card-icon-circle{background:0 0;border:none;flex-shrink:0;width:22px;height:22px;margin-right:0}.stitch-option-compact-card.is-active .stitch-option-card-icon-circle{color:var(--accent)}.stitch-option-compact-card .stitch-option-card-title-label{font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stitch-validation-error-box{background-color:var(--palette-red-active);border:var(--hairline) var(--palette-red);color:var(--palette-red);font-size:var(--font-xs);border-radius:var(--radius-minimal);padding:var(--space-md);margin-bottom:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.stitch-validation-error-heading{font-weight:var(--weight-bold);align-items:center;gap:var(--space-xs);display:flex}.stitch-validation-error-list{padding-left:var(--space-lg);flex-direction:column;gap:2px;margin:0;list-style-type:disc;display:flex}.stitch-preview-canvas-pane{background-color:var(--bg);flex:1;overflow-y:auto}.stitch-preview-scroll-container{width:100%;max-width:var(--layout-a4-container-width);padding:var(--space-sm) var(--space-md) var(--space-4xl) var(--space-md);align-items:center;gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.stitch-canvas-upper-heading{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-canvas-heading);opacity:var(--opacity-muted);color:var(--text);text-align:center;width:100%;margin:var(--space-xl) 0 var(--space-xs) 0}.stitch-a4-page-mockup{width:100%;max-width:var(--layout-a4-sheet-width);aspect-ratio:var(--aspect-ratio-a4);background-color:var(--print-paper-bg);color:var(--print-ink-color);border:var(--hairline) var(--print-ink-color);box-shadow:var(--shadow);box-sizing:border-box;padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);--print-cell-size:calc(100cqi * (25 / 210));--print-triangle-side:calc(100cqi * (30 / 210));--print-triangle-height:calc(var(--print-triangle-side) * .866025);--print-dot-size:16px;--print-dot-inset:8px;flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex;position:relative;overflow:hidden;container-type:inline-size}.stitch-a4-sheet-header{border-bottom:var(--hairline-width) solid var(--print-border-muted);padding-bottom:var(--space-md);flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.stitch-a4-sheet-title{font-size:var(--font-print-title);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-normal);margin:0 0 var(--space-xs) 0;color:var(--print-ink-color);line-height:var(--leading-print-title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stitch-a4-sheet-subtitle{font-size:var(--font-print-sub);font-weight:var(--weight-medium);color:var(--print-ink-muted);margin:0 0 var(--space-xs) 0;line-height:var(--leading-snug);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stitch-a4-sheet-sub-brand{font-size:var(--font-print-brand);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-print-brand);opacity:var(--opacity-muted);color:var(--print-ink-color);line-height:var(--leading-tight);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.stitch-a4-sheet-page-counter{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:var(--opacity-muted);color:var(--print-ink-color);white-space:nowrap;margin-left:var(--space-md);flex-shrink:0}.stitch-a4-sheet-grids-container{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;margin:0;padding:0;display:flex}.stitch-pdf-grid-container{justify-content:center;align-items:center;display:flex}.stitch-pdf-grid-inner{border:var(--hairline) var(--print-grid-border);width:max-content;height:max-content;display:grid}.stitch-pdf-cell{width:var(--print-cell-size);height:var(--print-cell-size);border:var(--hairline) var(--print-grid-border);box-sizing:border-box;transition:border-color var(--transition-timing), box-shadow var(--transition-timing), background-color var(--transition-timing);flex-shrink:0;position:relative}.stitch-pdf-cell-interactive{cursor:pointer}.stitch-pdf-cell-interactive:hover{border-color:var(--accent);box-shadow:inset 0 0 0 var(--highlight-ring-width) var(--accent);z-index:var(--z-interactive-highlight)}.stitch-triangle-cell-empty-interactive{fill:#0000;stroke:var(--print-grid-border);stroke-width:1px;stroke-dasharray:3 3;cursor:pointer;pointer-events:all;outline:none}.stitch-triangle-cell-filled-interactive{cursor:pointer;pointer-events:all;outline:none}.stitch-triangle-cell-empty-interactive:focus,.stitch-triangle-cell-filled-interactive:focus{outline:none}.stitch-triangle-boundary-outline,.stitch-triangle-hover-overlay{pointer-events:none}.stitch-a4-sheet-cutout-container{padding-top:var(--space-md);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;display:flex}.stitch-pdf-grid-inner-cutout,.stitch-pdf-grid-inner-6x6-cutout{grid-template-columns:repeat(7, var(--print-cell-size));width:max-content;margin:var(--space-sm) auto;border:none;gap:0;display:grid}.stitch-pdf-cell-cutout{width:var(--print-cell-size);height:var(--print-cell-size);border:var(--hairline-dashed) var(--print-grid-border);box-sizing:border-box;flex-shrink:0;position:relative}.stitch-triangle-cutouts-strips-wrapper{width:100%;margin:var(--space-lg) auto;flex-direction:column;align-items:center;gap:4.7619cqi;display:flex}.stitch-triangle-cutout-strip-row{flex-shrink:0;justify-content:center;align-items:center;display:flex}.stitch-cutout-empty-msg{text-align:center;font-size:var(--font-sm);color:var(--text-secondary);padding:var(--space-3xl) var(--space-md)}.stitch-pdf-dot{width:var(--print-dot-size);height:var(--print-dot-size);border-radius:var(--radius-circle);background-color:var(--print-paper-bg);z-index:var(--z-dtp-dot);border:1px solid #0000001f;position:absolute;box-shadow:0 1px 2px #00000014}.stitch-pdf-dot.dot-tl{top:var(--print-dot-inset);left:var(--print-dot-inset)}.stitch-pdf-dot.dot-tr{top:var(--print-dot-inset);right:var(--print-dot-inset)}.stitch-pdf-dot.dot-bl{bottom:var(--print-dot-inset);left:var(--print-dot-inset)}.stitch-pdf-dot.dot-br{bottom:var(--print-dot-inset);right:var(--print-dot-inset)}.stitch-a4-sheet-footer{border-top:var(--hairline-width) solid var(--print-border-muted);padding-top:var(--space-md);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.stitch-sheet-footer-left-brand{align-items:center;gap:var(--space-sm);display:flex}.stitch-sheet-footer-logo-img{height:var(--space-md);object-fit:contain;width:auto}.stitch-a4-footer-brand-text{font-size:var(--font-print-footer);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);opacity:var(--opacity-muted);color:var(--print-ink-color);line-height:var(--leading-none);white-space:nowrap}.stitch-a4-footer-url{font-size:var(--font-print-footer);font-weight:var(--weight-bold);opacity:var(--opacity-muted);color:var(--print-ink-color);line-height:var(--leading-none);white-space:nowrap}@media (max-width:768px){.stitch-a4-page-mockup{--print-cell-size:calc(100cqi * (25 / 210));--print-dot-size:calc(100cqi * (4.232 / 210));--print-dot-inset:calc(100cqi * (2.116 / 210));padding:6.04757cqi;container-type:inline-size}.stitch-a4-sheet-header{border-bottom:.5px solid var(--print-border-muted);padding-bottom:1.34391cqi}.stitch-a4-sheet-title{font-size:2.35183cqi}.stitch-a4-sheet-subtitle{font-size:1.84787cqi}.stitch-a4-sheet-sub-brand{font-size:1.51189cqi}.stitch-a4-sheet-page-counter{margin-left:1.34391cqi}.stitch-a4-sheet-grids-container{gap:4.03172cqi;padding:1.34391cqi 0}.stitch-a4-sheet-cutout-container{padding-top:4.7619cqi}.stitch-a4-sheet-footer{border-top:.5px solid var(--print-border-muted);padding-top:1.34391cqi}.stitch-sheet-footer-left-brand{gap:1.00793cqi}.stitch-sheet-footer-logo-img{height:2.01586cqi}}.custom-scrollbar::-webkit-scrollbar{width:var(--space-xs)}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--text-h)}.stitch-sheet-watermark-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;z-index:var(--z-watermark);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden}.stitch-sheet-watermark-overlay span{font-size:var(--font-print-watermark);font-weight:var(--weight-black);letter-spacing:var(--tracking-print-watermark);text-transform:uppercase;color:var(--print-watermark-color);transform:var(--transform-watermark-rotate);white-space:nowrap}.stitch-triangle-sheet-grid-wrapper{flex-direction:column;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}.stitch-triangle-sheet-svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;overflow:visible}.stitch-triangle-popover-card{z-index:var(--z-modal,100);background-color:var(--card-bg);color:var(--text-h);border:var(--hairline) var(--text-h);box-shadow:var(--shadow);padding:var(--space-md);width:284px;max-width:calc(100cqi - var(--space-md));gap:var(--space-md);box-sizing:border-box;pointer-events:all;flex-direction:column;animation:.1s ease-out popoverFadeIn;display:flex;position:absolute}@keyframes popoverFadeIn{0%{opacity:0}to{opacity:1}}.stitch-triangle-popover-center-above{transform:translate(-50%,calc(-100% - 10px))}.stitch-triangle-popover-center-below{transform:translate(-50%,10px)}.stitch-triangle-popover-left-above{transform:translate(-10%,calc(-100% - 10px))}.stitch-triangle-popover-left-below{transform:translate(-10%,10px)}.stitch-triangle-popover-right-above{transform:translate(-90%,calc(-100% - 10px))}.stitch-triangle-popover-right-below{transform:translate(-90%,10px)}.stitch-triangle-popover-header{border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.stitch-triangle-popover-title-row{align-items:center;gap:var(--space-xs);color:var(--text-h);display:flex}.stitch-triangle-popover-title{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.stitch-triangle-popover-close-btn{cursor:pointer;color:var(--text);transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.stitch-triangle-popover-close-btn:hover{color:var(--text-h)}.stitch-triangle-popover-section{gap:var(--space-xs);flex-direction:column;display:flex}.stitch-popover-label-row{font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stitch-popover-swatches-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.stitch-popover-color-swatch{border-radius:var(--radius-circle);border:1px solid var(--border);cursor:pointer;width:28px;height:28px;transition:transform var(--transition-timing);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.stitch-popover-color-swatch:hover{transform:var(--transform-hover-scale)}.stitch-popover-color-swatch.is-selected{border-color:var(--text-h);box-shadow:0 0 0 1.5px var(--text-h)}.stitch-popover-color-swatch .swatch-check-icon{color:var(--card-bg);font-size:14px;font-weight:var(--weight-black);text-shadow:var(--text-shadow-heavy)}.stitch-kind-svg-icon{vertical-align:middle;flex-shrink:0;margin-right:4px;display:inline-block}.stitch-triangle-popover-footer{padding-top:var(--space-xs);border-top:var(--hairline) var(--border);justify-content:stretch;display:flex}.stitch-popover-delete-btn{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);border:var(--hairline) var(--palette-red);color:var(--palette-red);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;cursor:pointer;transition:background var(--transition-timing);background:0 0;display:flex}.stitch-popover-delete-btn:hover{background:var(--palette-red-hover)}.stitch-popover-delete-btn.is-cancel{border-color:var(--border);color:var(--text)}.stitch-popover-delete-btn.is-cancel:hover{background:var(--bg-hover)}@media (max-width:768px){.stitch-triangle-popover-card{width:min(260px, calc(100cqi - var(--space-md)));padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.stitch-triangle-popover-left-below,.stitch-triangle-popover-right-below,.stitch-triangle-popover-center-below{transform:translate(-50%,8px)!important}.stitch-triangle-popover-left-above,.stitch-triangle-popover-right-above,.stitch-triangle-popover-center-above{transform:translate(-50%,calc(-100% - 8px))!important}}.stitch-spread-wrapper{align-items:center;gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.stitch-spread-badge-row{justify-content:space-between;align-items:center;gap:var(--space-md);box-sizing:border-box;width:100%;max-width:960px;display:flex}.stitch-spread-badge{align-items:center;gap:var(--space-xs);font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--code-bg);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:4px 12px;display:inline-flex}.stitch-spread-hint{font-size:var(--font-xs);color:var(--text-muted)}@media (max-width:768px){.stitch-spread-badge-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}.editor-modal-backdrop{background-color:var(--modal-backdrop-bg);width:100vw;height:100vh;padding:var(--space-lg);z-index:var(--z-modal);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.editor-modal-card{background-color:var(--card-bg);border:var(--hairline) var(--text-h);width:100%;max-width:480px;padding:var(--space-xl);gap:var(--space-xl);box-shadow:var(--shadow);box-sizing:border-box;flex-direction:column;animation:.15s ease-out modalScaleUp;display:flex}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.editor-modal-header{border-bottom:var(--hairline) var(--border);padding-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.editor-modal-header-left{align-items:center;gap:var(--space-md);display:flex}.editor-modal-icon-box{border:var(--hairline) var(--text-h);width:36px;height:36px;color:var(--text-h);flex-shrink:0;justify-content:center;align-items:center;display:flex}.editor-modal-title{font-size:var(--font-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-h);margin:0}.editor-modal-subtitle{font-size:var(--font-xs);color:var(--text);margin:var(--space-xs) 0 0 0}.editor-modal-close-btn{color:var(--text);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-timing);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.editor-modal-close-btn:hover{color:var(--text-h)}.editor-modal-body{gap:var(--space-lg);flex-direction:column;display:flex}.editor-modal-label{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-h);margin-bottom:var(--space-xs);display:block}.editor-modal-input{width:100%;padding:var(--space-md) var(--space-lg);border:var(--hairline) var(--text-h);background-color:var(--card-bg);color:var(--text-h);font-size:var(--font-sm);font-family:var(--font-minimal);box-sizing:border-box}.editor-modal-input:focus{border-color:var(--accent);outline:none}.editor-modal-error{font-size:var(--font-xs);color:var(--palette-red);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-xs)}.editor-modal-info-box{background-color:var(--code-bg);border:var(--hairline) var(--border);padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.editor-modal-btn-rename{padding:var(--space-xs) var(--space-sm);border:var(--hairline) var(--border);color:var(--text);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;white-space:nowrap;transition:all var(--transition-timing);background:0 0;flex-shrink:0}.editor-modal-btn-rename:hover{border-color:var(--text-h);color:var(--text-h)}.editor-modal-info-title{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-h);display:block}.editor-modal-info-sub{font-size:var(--font-xs);color:var(--text);margin-top:var(--space-xs);display:block}.editor-modal-title-edit-form{gap:var(--space-sm);width:100%;display:flex}.editor-modal-title-edit-input{font-size:var(--font-xs);padding:6px 10px}.editor-modal-info-text-group{flex:1;min-width:0}.editor-modal-switch-left-group{gap:var(--space-md);align-items:flex-start;display:flex}.editor-modal-icon-box.is-public-icon{border-color:var(--accent);color:var(--accent)}.editor-modal-icon-box.is-private-icon{border-color:var(--border);color:var(--text)}.editor-modal-switch-box{padding:var(--space-md);border:var(--hairline) var(--border);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.editor-modal-switch-btn{background-color:var(--border);border:var(--hairline) var(--text-h);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-timing);flex-shrink:0;padding:0;position:relative}.editor-modal-switch-btn.is-active{background-color:var(--accent)}.editor-modal-switch-thumb{background-color:var(--card-bg);border:var(--hairline) var(--text-h);width:18px;height:18px;transition:transform var(--transition-timing);position:absolute;top:1px;left:1px}.editor-modal-switch-btn.is-active .editor-modal-switch-thumb{transform:translate(20px)}.editor-modal-share-row{gap:var(--space-sm);align-items:center;display:flex}.editor-modal-share-input{padding:var(--space-sm) var(--space-md);background-color:var(--code-bg);border:var(--hairline) var(--border);font-size:var(--font-xs);color:var(--text-h);flex:1;font-family:monospace}.editor-modal-copy-btn{padding:var(--space-sm) var(--space-lg);background-color:var(--text-h);color:var(--card-bg);border:var(--hairline) var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;align-items:center;gap:var(--space-xs);transition:background-color var(--transition-timing);display:flex}.editor-modal-copy-btn.is-copied{background-color:#10b981;border-color:#10b981}.editor-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-md);border-top:var(--hairline) var(--border);padding-top:var(--space-md);display:flex}.editor-modal-btn-cancel{padding:var(--space-sm) var(--space-xl);border:var(--hairline) var(--border);color:var(--text);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;transition:all var(--transition-timing);background:0 0}.editor-modal-btn-cancel:hover{border-color:var(--text-h);color:var(--text-h)}.editor-modal-btn-primary{padding:var(--space-sm) var(--space-xl);background-color:var(--accent);color:var(--card-bg);border:var(--hairline) var(--accent);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;align-items:center;gap:var(--space-xs);transition:all var(--transition-timing);display:flex}.editor-modal-btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:var(--transform-hover-lift)}.editor-modal-btn-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.editor-modal-google-btn{width:100%;padding:var(--space-md);background-color:var(--card-bg);border:var(--hairline) var(--text-h);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-md);transition:all var(--transition-timing);display:flex}.editor-modal-google-btn:hover{background-color:var(--hover-overlay)}.editor-modal-divider{margin:var(--space-md) 0;justify-content:center;align-items:center;display:flex;position:relative}.editor-modal-divider:before{content:"";width:100%;height:var(--hairline-width);background-color:var(--border);position:absolute}.editor-modal-divider-text{background-color:var(--card-bg);padding:0 var(--space-md);font-size:var(--font-xs);color:var(--text);text-transform:uppercase;letter-spacing:var(--tracking-widest);position:relative}.editor-modal-email-link-box{text-align:center}.editor-modal-email-link{font-size:12px;font-weight:var(--weight-bold);text-transform:uppercase;color:var(--accent);letter-spacing:.05em;text-decoration:none}.editor-modal-email-link:hover{text-decoration:underline}@media (max-width:480px){.editor-modal-card{padding:var(--space-lg);gap:var(--space-lg)}.editor-modal-share-row{flex-direction:column;align-items:stretch}.editor-modal-copy-btn{justify-content:center;width:100%}.editor-modal-footer{gap:var(--space-sm);flex-direction:column-reverse}.editor-modal-btn-cancel,.editor-modal-btn-primary{justify-content:center;width:100%}}.editor-stitch-desktop-workspace{background-color:var(--bg);height:100vh;color:var(--text);font-family:var(--font-minimal);flex-direction:column;display:flex;overflow:hidden}.stitch-header-top{height:var(--header-height);border-bottom:var(--hairline) var(--border);padding:0 var(--space-2xl);background-color:var(--card-bg);z-index:var(--z-header);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.flex-header-left-group{align-items:center;gap:var(--space-xl);display:flex}.stitch-back-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border:var(--hairline) var(--text-h);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);cursor:pointer;transition:background-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);background:0 0;display:flex}.stitch-back-btn-text{text-transform:uppercase}.stitch-back-btn:hover{background-color:var(--text-h);color:var(--card-bg)}.stitch-divider-v{width:var(--hairline);height:var(--space-2xl);background-color:var(--border)}.stitch-title-icon-box{width:var(--space-2xl);height:var(--space-2xl);border:var(--hairline) var(--text-h);color:var(--text-h);justify-content:center;align-items:center;display:flex}.stitch-main-title{font-size:var(--font-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--text-h);line-height:var(--leading-tight);margin:0}.stitch-subtitle-tag{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:var(--weight-medium);margin:var(--space-xs) 0 0 0;color:var(--text);line-height:var(--leading-tight)}.stitch-header-actions{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.stitch-save-notice{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--success)}.stitch-btn-secondary-action{justify-content:center;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);border:var(--hairline) var(--text-h);background:var(--card-bg);height:40px;color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-timing), color var(--transition-timing), transform var(--transition-timing);display:inline-flex}.stitch-btn-secondary-action:hover:not(:disabled){background-color:var(--text-h);color:var(--card-bg)}.stitch-btn-secondary-action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.stitch-btn-primary-action{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--accent);height:40px;color:var(--card-bg);border:var(--hairline) var(--accent);padding:0 var(--space-xl);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-timing), transform var(--transition-timing);display:inline-flex}.stitch-btn-primary-action:hover:not(:disabled){background-color:var(--accent-hover);transform:var(--transform-hover-lift)}.stitch-btn-primary-action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.stitch-sidebar-controls .mobile-sidebar-only-btn{display:none}.stitch-main-workspace-body{flex:1;display:flex;overflow:hidden}.stitch-sidebar-controls{width:var(--sidebar-width);border-right:var(--hairline) var(--border);background-color:var(--card-bg);padding:var(--space-lg) var(--space-xl);height:100%;z-index:var(--z-sidebar);flex-direction:column;display:flex;overflow-y:auto}.stitch-sidebar-heading{font-size:var(--font-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin:0 0 var(--space-md) 0;color:var(--text-h)}.stitch-controls-scroller{gap:var(--space-lg);flex-direction:column;flex:1;display:flex}.stitch-field-block{flex-direction:column;margin-bottom:0;display:flex}.stitch-label-row{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.stitch-label-row label,.stitch-label-lone{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-h)}.stitch-value-indicator{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text)}.stitch-sidebar-footer-btn-wrapper{margin-top:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.stitch-controls-scroller>.stitch-sidebar-footer-btn-wrapper{margin-top:0}.stitch-btn-random-trigger{width:100%;padding:var(--space-md) var(--space-lg);border:var(--hairline) var(--text-h);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;transition:background-color var(--transition-timing), color var(--transition-timing), border-color var(--transition-timing), opacity var(--transition-timing);background:0 0;display:flex}.stitch-btn-random-trigger:hover:not(:disabled){background-color:var(--text-h);color:var(--card-bg)}.stitch-btn-random-trigger:disabled{opacity:.38;cursor:not-allowed;border-color:var(--border);color:var(--text-muted)}.stitch-under-construction-container{padding:var(--space-2xl);background-color:var(--bg);min-height:calc(100vh - var(--header-height));flex:1;justify-content:center;align-items:center;display:flex}.stitch-under-construction-card{width:100%;max-width:520px;padding:var(--space-3xl) var(--space-2xl);background-color:var(--card-bg);border:var(--hairline) var(--border);box-shadow:var(--shadow-sm);text-align:center;border-radius:var(--radius-lg,12px);flex-direction:column;align-items:center;display:flex}.stitch-under-construction-icon-wrapper{background:var(--warning-amber-bg);border:1px solid var(--warning-amber-border);width:64px;height:64px;color:var(--warning-amber);margin-bottom:var(--space-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.stitch-under-construction-icon{color:var(--warning-amber);font-size:32px}.stitch-under-construction-badge{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);background:var(--warning-amber-bg);color:var(--warning-amber-text);border:1px solid var(--warning-amber-border);margin-bottom:var(--space-md);border-radius:9999px;padding:4px 12px;display:inline-block}.stitch-under-construction-title{font-size:var(--font-lg);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--text-h);margin:0 0 var(--space-sm) 0;line-height:var(--leading-tight)}.stitch-under-construction-desc{font-size:var(--font-sm);color:var(--text);line-height:var(--leading-normal);margin:0 0 var(--space-2xl) 0;max-width:440px}.stitch-under-construction-actions{gap:var(--space-md);display:flex}.stitch-mobile-tabs-navigation-bar{display:none}@media (max-width:1024px){.stitch-header-top{height:56px;padding:0 var(--space-sm);gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.stitch-header-top .flex-header-left-group{gap:var(--space-xs);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.stitch-back-btn{width:36px;height:36px;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s;display:flex}.stitch-back-btn:active{background-color:var(--border);transform:var(--transform-active-scale)}.stitch-header-top .stitch-back-btn .stitch-back-btn-text{display:none}.stitch-header-top .stitch-back-btn .material-symbols-outlined,.stitch-header-top .stitch-back-btn svg{width:20px;height:20px;color:var(--text-h);display:block}.stitch-header-top .stitch-divider-v,.stitch-header-top .stitch-title-icon-box,.stitch-header-top .stitch-subtitle-tag{display:none}.stitch-header-top .stitch-title-texts{flex:1;min-width:0;overflow:hidden}.stitch-main-title{font-size:var(--font-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis;color:var(--text-h);margin:0;overflow:hidden}.stitch-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.stitch-header-actions .stitch-btn-secondary-action{width:36px;min-width:36px;height:36px;color:var(--text-h);box-sizing:border-box;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s;display:inline-flex}.stitch-header-actions .stitch-btn-secondary-action:active{background-color:var(--border);transform:var(--transform-active-scale)}.stitch-header-actions .stitch-btn-secondary-action span:not(.material-symbols-outlined){display:none}.stitch-header-actions .stitch-btn-secondary-action .material-symbols-outlined{color:var(--text-h);font-size:20px}.editor-stitch-desktop-workspace .stitch-header-top .stitch-btn-primary-action{display:none}.editor-stitch-desktop-workspace .stitch-sidebar-footer-btn-wrapper{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.editor-stitch-desktop-workspace .stitch-sidebar-footer-btn-wrapper .stitch-btn-random-trigger,.editor-stitch-desktop-workspace .mobile-sidebar-only-btn{height:var(--layout-mobile-cta-height);padding:0 var(--space-lg);font-size:var(--font-xs);box-sizing:border-box;transition:var(--transition-interactive-card)}.editor-stitch-desktop-workspace .stitch-sidebar-footer-btn-wrapper .stitch-btn-random-trigger:active,.editor-stitch-desktop-workspace .mobile-sidebar-only-btn:active{transform:var(--transform-active-scale)}.editor-stitch-desktop-workspace .stitch-sidebar-footer-btn-wrapper .stitch-btn-random-trigger:hover{color:var(--text-h);background-color:#0000}.stitch-sidebar-controls .mobile-sidebar-only-btn{justify-content:center;align-items:center;width:100%;display:flex}.stitch-main-workspace-body{flex-direction:column;overflow:hidden}.stitch-mobile-tabs-navigation-bar{background-color:var(--card-bg);border-bottom:var(--hairline) var(--border);flex-shrink:0;width:100%;display:flex}.stitch-mobile-tab-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md) 0;font-size:var(--font-xs);font-weight:var(--weight-medium);text-transform:uppercase;color:var(--text);letter-spacing:var(--tracking-wide);cursor:pointer;background:0 0;border:none;flex:1;display:flex;position:relative}.stitch-mobile-tab-btn.is-active-tab{color:var(--accent);font-weight:var(--weight-bold)}.stitch-mobile-tab-btn.is-active-tab:after{content:"";width:100%;height:var(--layout-mobile-tab-bar-line);background-color:var(--accent);position:absolute;bottom:0;left:0}.editor-stitch-desktop-workspace .stitch-sidebar-controls{width:100%;height:100%;padding:var(--space-md);background-color:var(--bg);gap:var(--space-md);border-right:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-sidebar-heading{display:none}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-controls-scroller{gap:var(--space-md);flex-direction:column;display:flex}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-field-block{background-color:var(--card-bg);border:var(--hairline) var(--border);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-mobile-subtle)}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-field-block.border-t{border-top:var(--hairline) var(--border);padding-top:var(--space-md)}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-label-row,.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-label-lone{margin-bottom:var(--space-md)}.stitch-preview-canvas-pane{flex:1;width:100%;height:100%;overflow-y:auto}.editor-stitch-desktop-workspace .stitch-preview-scroll-container{padding:var(--space-md) var(--space-xs);align-items:center;width:100%;overflow-x:hidden}.editor-stitch-desktop-workspace .stitch-a4-page-mockup{width:100%;min-width:0;max-width:100%;margin:0 auto var(--space-lg) auto}.editor-stitch-desktop-workspace .stitch-sidebar-controls[data-mobile-tab=active]{display:flex}.editor-stitch-desktop-workspace .stitch-preview-canvas-pane[data-mobile-tab=active]{display:block}.editor-stitch-desktop-workspace .stitch-sidebar-controls[data-mobile-tab=hidden],.editor-stitch-desktop-workspace .stitch-preview-canvas-pane[data-mobile-tab=hidden]{display:none}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-option-item-card{min-height:44px;padding:var(--space-sm) var(--space-md);background-color:var(--bg);border:var(--hairline) var(--border);border-radius:var(--radius-minimal);box-shadow:none}.editor-stitch-desktop-workspace .stitch-sidebar-controls .stitch-option-item-card.is-active{border-color:var(--accent);background-color:var(--accent-bg);box-shadow:0 0 0 var(--hairline-width) var(--accent)}.editor-stitch-desktop-workspace .stitch-segmented-control-group{gap:3px;padding:3px}.editor-stitch-desktop-workspace .stitch-segmented-btn{min-height:44px;padding:var(--space-xs) var(--space-xs);font-size:var(--font-sm);font-weight:var(--weight-semibold)}.editor-stitch-desktop-workspace .stitch-color-circle-pill{width:38px;height:38px}}@media (max-width:380px){.editor-stitch-desktop-workspace .stitch-dimension-grid-2col{gap:var(--space-md);grid-template-columns:1fr}}@media print{body,html,#root,.dashboard-container,.editor-stitch-desktop-workspace{opacity:0!important;visibility:hidden!important;display:none!important}}.viewer-container{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-minimal);flex-direction:column;display:flex}.viewer-top-bar{background-color:var(--card-bg);border-bottom:var(--hairline) var(--border);z-index:var(--z-header);padding:var(--space-md) var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-lg);box-sizing:border-box;display:flex;position:sticky;top:0}.viewer-brand-group{align-items:center;gap:var(--space-lg);min-width:0;display:flex}.viewer-brand-link{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.viewer-brand-logo{width:auto;height:28px}.viewer-brand-text{font-family:var(--font-lexend);font-size:var(--font-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--text-h)}.viewer-brand-accent{color:var(--accent)}.viewer-divider-v{width:var(--hairline);height:var(--space-2xl);background-color:var(--border)}.viewer-info{min-width:0}.viewer-title{font-size:var(--font-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.viewer-meta{align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:var(--text);margin-top:var(--space-xs);display:flex}.viewer-actions{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.viewer-desktop-actions{align-items:center;gap:var(--space-md);display:flex}.viewer-kebab-container{display:none;position:relative}.viewer-kebab-btn{background:var(--card-bg);border:var(--hairline) var(--text-h);width:36px;height:36px;color:var(--text-h);cursor:pointer;transition:all var(--transition-timing);justify-content:center;align-items:center;padding:0;display:flex}.viewer-kebab-btn:hover{background-color:var(--hover-overlay)}.viewer-kebab-backdrop{width:100vw;height:100vh;z-index:var(--z-modal);background:0 0;position:fixed;top:0;left:0}.viewer-kebab-dropdown{top:calc(100% + var(--space-xs));background-color:var(--card-bg);border:var(--hairline) var(--text-h);box-shadow:var(--shadow);z-index:calc(var(--z-modal) + 1);min-width:200px;padding:var(--space-xs) 0;flex-direction:column;display:flex;position:absolute;right:0}.viewer-kebab-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);text-align:left;cursor:pointer;transition:background-color var(--transition-timing);background:0 0;border:none;display:flex}.viewer-kebab-item:hover{background-color:var(--hover-overlay)}.viewer-btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);height:40px;padding:0 var(--space-xl);border:var(--hairline) var(--text-h);background:var(--card-bg);color:var(--text-h);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;white-space:nowrap;transition:all var(--transition-timing);text-decoration:none;display:inline-flex}.viewer-btn-secondary:hover:not(:disabled){background-color:var(--text-h);color:var(--card-bg)}.viewer-btn-secondary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.viewer-btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--accent);height:40px;color:var(--card-bg);border:var(--hairline) var(--accent);padding:0 var(--space-xl);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-timing), transform var(--transition-timing);display:inline-flex}.viewer-btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:var(--transform-hover-lift)}.viewer-btn-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.viewer-guest-banner{background-color:var(--text-h);color:var(--card-bg);padding:var(--space-xs) var(--space-2xl);font-size:var(--font-xs);font-weight:var(--weight-medium);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;box-sizing:border-box;min-height:36px;display:flex}.viewer-guest-banner-left{align-items:center;gap:var(--space-xs);display:flex}.viewer-owner-banner{background-color:var(--accent);color:var(--card-bg)}.viewer-banner-link{color:var(--card-bg);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:opacity var(--transition-timing);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.viewer-banner-link:hover{opacity:.9}.viewer-banner-cta-text{text-underline-offset:3px;text-decoration:underline}.viewer-banner-arrow{transition:transform var(--transition-timing);justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.viewer-banner-link:hover .viewer-banner-arrow{transform:translate(2px)}.viewer-content{width:100%;max-width:1200px;padding:var(--space-2xl) var(--space-lg);box-sizing:border-box;flex-direction:column;flex:1;align-items:center;margin:0 auto;display:flex}.viewer-error-card{background-color:var(--card-bg);border:var(--hairline) var(--text-h);max-width:480px;padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow);align-items:center;gap:var(--space-md);flex-direction:column;margin:auto;display:flex}.viewer-loading-container{justify-content:center;align-items:center;min-height:100vh}.viewer-error-icon-box{width:48px;height:48px}.viewer-error-back-btn{margin-top:var(--space-md)}.viewer-banner-btn-reset{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}@media (max-width:768px){.viewer-top-bar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.viewer-brand-group{align-items:center;gap:var(--space-xs);flex:1;min-width:0;display:flex}.viewer-brand-text{display:none}.viewer-divider-v{height:18px;margin:0 2px;display:block}.viewer-info{flex:1;min-width:0;overflow:hidden}.viewer-title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:var(--leading-tight);letter-spacing:normal;overflow:hidden}.viewer-meta,.viewer-desktop-actions{display:none}.viewer-kebab-container{display:block}.viewer-actions{gap:var(--space-xs);flex-shrink:0}.viewer-btn-text{display:none}.viewer-btn-primary{border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.viewer-kebab-btn{border-radius:0;width:44px;height:44px}.viewer-guest-banner,.viewer-owner-banner{padding:8px var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-xs);min-height:44px;font-size:11px;display:flex}.viewer-guest-banner-left{align-items:center;gap:6px;min-width:0;display:flex}.viewer-banner-cta-text{display:none}.viewer-guest-banner-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.viewer-banner-link{white-space:nowrap;flex-shrink:0;align-items:center;min-height:44px;margin-left:auto;padding:0 4px;text-decoration:none;display:inline-flex}.viewer-banner-arrow{justify-content:center;align-items:center;font-size:18px;font-weight:900;line-height:1;display:flex}.viewer-content{padding:var(--space-md) var(--space-xs)}}.access-denied-body{text-align:center;flex-direction:column;gap:1rem;display:flex}.access-denied-title{color:var(--text-h);margin:0;font-size:1.25rem;font-weight:700}.access-denied-text{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.5}.access-denied-logout{width:100%}