:root{--bg:#f2e8d7;--panel:#fffaf0;--panel-2:#f7eddc;--text:#172033;--muted:#6f6252;--line:#d7bf8d;--accent:#b9822a;--accent-strong:#17233f;--accent-soft:#f3e0b8;--success:#2f7468;--danger:#dc2626;--shadow:0 16px 38px #36231029}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}a{color:inherit;text-decoration:none}.landing-page{min-height:100vh;color:var(--text);background:var(--bg);isolation:isolate;position:relative;overflow:hidden}.landing-page:before,.landing-page:after{content:"";z-index:-1;opacity:.5;filter:blur(36px);pointer-events:none;border-radius:999px;width:34rem;height:34rem;position:fixed}.landing-page:before{background:radial-gradient(circle,#b9822a47 0%,#b9822a00 68%);animation:18s ease-in-out infinite alternate landingDriftOne;top:-9rem;right:-8rem}.landing-page:after{background:radial-gradient(circle,#17233f29 0%,#17233f00 70%);animation:22s ease-in-out infinite alternate landingDriftTwo;bottom:5rem;left:-10rem}.landing-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2e8d7ed;border-bottom:1px solid #87652b3d;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:18px clamp(18px,5vw,72px);animation:.65s ease-out slideFadeIn;display:flex;position:sticky;top:0}.landing-brand,.landing-nav nav,.landing-kicker,.landing-button,.reason-list div,.security-points span,.landing-activity-strip span,.landing-floating-card{align-items:center;display:inline-flex}.landing-brand{gap:10px;font-weight:800}.brand-logo-mark,.feature-icon{flex:none;place-items:center;display:grid}.brand-logo{align-items:center;gap:11px;min-width:0;display:inline-flex}.brand-logo.compact{gap:0}.brand-logo-mark{background:#17233f;border-radius:8px;width:40px;height:40px;box-shadow:0 10px 24px #b9822a3d}.brand-logo.compact .brand-logo-mark{border-radius:7px;width:34px;height:34px}.brand-logo svg{width:82%;height:82%;overflow:visible}.brand-logo-page{fill:#fffaf0;stroke:#d7a84b;stroke-width:5px;stroke-linejoin:round}.brand-logo-fold{fill:none;stroke:#d7a84b;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.brand-logo-circuit,.brand-logo-signal{fill:none;stroke:#d7a84b;stroke-width:5px;stroke-linecap:round}.brand-logo-signal{stroke:#f0cf83}.brand-logo-node{fill:#f0cf83}.brand-logo-text{gap:1px;line-height:1;display:grid}.brand-logo-text strong{color:var(--accent-strong);text-transform:uppercase;font-size:16px;font-weight:850}.brand-logo-text span{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800}.landing-nav nav{color:#5c544c;gap:18px;font-size:14px;font-weight:700}.landing-nav nav a:hover{color:var(--accent)}.landing-nav-cta{border:1px solid var(--line);min-height:38px;color:var(--accent-strong);background:var(--panel);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.auth-overlay-backdrop{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17203370;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-overlay-dialog{width:min(100%,420px)}.landing-hero{grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;gap:clamp(28px,5vw,64px);width:min(1180px,100% - 36px);min-height:calc(100vh - 78px);margin:0 auto;padding:clamp(44px,7vw,82px) 0 clamp(34px,5vw,58px);display:grid}.landing-hero-copy{gap:22px;display:grid}.landing-hero-copy>*{opacity:0;animation:.72s cubic-bezier(.2,.75,.2,1) forwards riseFadeIn;transform:translateY(24px)}.landing-hero-copy>:first-child{animation-delay:60ms}.landing-hero-copy>:nth-child(2){animation-delay:.14s}.landing-hero-copy>:nth-child(3){animation-delay:.22s}.landing-hero-copy>:nth-child(4){animation-delay:.3s}.landing-hero-copy>:nth-child(5){animation-delay:.38s}.landing-kicker{border:1px solid var(--line);width:fit-content;color:var(--accent-strong);background:var(--panel);border-radius:999px;gap:8px;padding:8px 12px;font-size:13px;font-weight:800}.landing-hero h1,.landing-section-heading h2,.landing-panel h2,.security-section h2,.landing-cta h2{color:var(--accent-strong);margin:0;line-height:1.05}.landing-hero h1{max-width:760px;font-size:clamp(42px,6vw,76px)}.landing-hero p,.landing-section-heading p,.landing-panel p,.security-section p,.landing-cta p{color:var(--muted);margin:0;line-height:1.65}.landing-hero p{max-width:690px;font-size:18px}.landing-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-activity-strip{flex-wrap:wrap;gap:10px;display:flex}.landing-activity-strip span{min-height:38px;color:var(--accent-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0b8;border:1px solid #87652b38;border-radius:999px;gap:8px;padding:0 12px;font-size:13px;font-weight:700;animation:8s ease-in-out infinite pulseFloat;box-shadow:0 12px 24px #36231014}.landing-activity-strip span:nth-child(2){animation-delay:1.2s}.landing-activity-strip span:nth-child(3){animation-delay:2.4s}.landing-button{border-radius:8px;justify-content:center;min-height:48px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;position:relative;overflow:hidden}.landing-button:before{content:"";background:linear-gradient(115deg,#0000 20%,#ffffff52 48%,#0000 76%);transition:transform .52s;position:absolute;inset:0;transform:translate(-140%)}.landing-button.primary{color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong);box-shadow:0 14px 28px #17233f40}.landing-button.secondary{color:var(--accent-strong);background:var(--panel);border:1px solid var(--line)}.landing-button:hover,.landing-button:focus-visible{transform:translateY(-2px)}.landing-button:hover:before,.landing-button:focus-visible:before{transform:translate(140%)}.landing-button.primary:hover,.landing-button.primary:focus-visible{box-shadow:0 18px 34px #17233f47}.landing-button.secondary:hover,.landing-button.secondary:focus-visible{border-color:#b9822a99;box-shadow:0 14px 26px #3623101f}.landing-splash{background:var(--accent-strong);opacity:0;border:1px solid #9f7732;border-radius:8px;margin:0;animation:.8s cubic-bezier(.2,.75,.2,1) .2s forwards riseFadeIn,7.5s ease-in-out 1.1s infinite splashFloat;position:relative;overflow:hidden;transform:translateY(28px)scale(.98);box-shadow:0 26px 70px #36231033}.landing-splash:before{content:"";pointer-events:none;background:radial-gradient(circle,#f0cf833d,#f0cf8300);border-radius:999px;width:260px;height:260px;position:absolute;inset:auto -18% -20% auto}.landing-splash:after{content:"";pointer-events:none;background:linear-gradient(125deg,#0000 0%,#ffffff1a 35%,#0000 55%);animation:8.5s ease-in-out 1.6s infinite splashSheen;position:absolute;inset:0;transform:translate(-120%)}.landing-splash img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.landing-floating-card{z-index:2;color:#fff5de;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17233fd1;border:1px solid #f0cf836b;border-radius:999px;gap:8px;min-height:40px;padding:0 13px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 18px 32px #0f172a3d}.landing-floating-card.card-primary{animation:7s ease-in-out .4s infinite badgeFloatOne;top:22px;left:20px}.landing-floating-card.card-secondary{animation:8.4s ease-in-out .9s infinite badgeFloatTwo;top:88px;right:18px}.landing-splash figcaption{color:#f5d58d;background:#17233fe0;border:1px solid #d7a84b7a;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:800;animation:6.5s ease-in-out 1.4s infinite pulseFloat;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 14px 34px #17203338}.landing-welcome-board{z-index:2;color:#fff7df;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17233fdb;border:1px solid #f0cf836b;border-radius:8px;grid-template-columns:10px 10px 10px minmax(0,1fr);align-items:center;gap:8px;max-width:min(320px,100% - 36px);padding:12px 14px;animation:7.8s ease-in-out .8s infinite welcomeBoardFloat;display:grid;position:absolute;bottom:18px;left:18px;box-shadow:0 18px 34px #0f172a3d}.landing-welcome-board div{gap:2px;min-width:0;display:grid}.landing-welcome-board strong,.landing-welcome-board small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-welcome-board strong{font-size:13px}.landing-welcome-board small{color:#f5d58d;font-size:11px;font-weight:700}.welcome-dot{background:#fffaf06b;border-radius:999px;width:8px;height:8px}.welcome-dot.active{background:#2f7468;box-shadow:0 0 0 5px #2f74683d}.landing-section,.landing-split,.security-section,.landing-cta{width:min(1180px,100% - 36px);margin:0 auto}.landing-section{padding:70px 0 42px}.landing-section-heading{gap:10px;max-width:680px;margin-bottom:26px;display:grid}.landing-section-heading span,.landing-section-label{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:800}.landing-section-heading h2,.landing-panel h2,.security-section h2,.landing-cta h2{font-size:clamp(30px,4vw,44px)}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.feature-card,.landing-panel,.security-section,.landing-cta{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.feature-card{opacity:0;gap:10px;min-height:214px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;animation:.62s cubic-bezier(.2,.75,.2,1) forwards riseFadeIn;display:grid;transform:translateY(18px)}.feature-card:first-child{animation-delay:40ms}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4){animation-delay:.22s}.feature-card:nth-child(5){animation-delay:.28s}.feature-card:nth-child(6){animation-delay:.34s}.feature-card:nth-child(7){animation-delay:.4s}.feature-card:nth-child(8){animation-delay:.46s}.feature-card:hover,.feature-card:focus-within{border-color:#b9822a9e;transform:translateY(-6px);box-shadow:0 22px 42px #36231029}.feature-icon{width:42px;height:42px;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;transition:transform .18s,background-color .18s}.feature-card:hover .feature-icon,.feature-card:focus-within .feature-icon{background:#f1d49a;transform:scale(1.08)rotate(-4deg)}.feature-card h3,.steps-list h3{color:var(--accent-strong);margin:0;font-size:17px}.feature-card p,.steps-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.template-showcase{padding-top:50px}.template-marquee{gap:12px;padding:4px 0 22px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.template-marquee span{color:#0f3f39;text-align:center;background:#e8f5f2;border:1px solid #2f746847;border-radius:8px;flex:none;min-width:138px;padding:12px 16px;font-size:14px;font-weight:850;animation:16s linear infinite templateGlide;box-shadow:0 14px 26px #2f74681a}.template-marquee span:nth-child(2n){color:var(--accent-strong);background:var(--panel);border-color:#b9822a57;animation-delay:-2s}.template-marquee span:nth-child(3n){background:#eef3ff;border-color:#17233f33;animation-delay:-4s}.welcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.welcome-card{border:1px solid var(--line);background:var(--panel);min-height:150px;box-shadow:var(--shadow);opacity:0;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.62s cubic-bezier(.2,.75,.2,1) forwards riseFadeIn;display:grid;transform:translateY(18px)}.welcome-card:first-child{animation-delay:80ms}.welcome-card:nth-child(2){animation-delay:.18s}.welcome-card:nth-child(3){animation-delay:.28s}.welcome-card:hover,.welcome-card:focus-within{border-color:#2f74686b;transform:translateY(-6px);box-shadow:0 22px 42px #2f74681f}.welcome-icon{color:#fff;background:#2f7468;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 14px 28px #2f74682e}.welcome-card h3{color:var(--accent-strong);margin:0 0 8px;font-size:17px}.welcome-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.landing-split{grid-template-columns:1fr 1fr;gap:18px;padding:34px 0;display:grid}.landing-panel{align-content:start;gap:14px;padding:clamp(22px,4vw,34px);transition:transform .18s,box-shadow .18s;display:grid}.landing-panel:hover,.landing-panel:focus-within{transform:translateY(-4px);box-shadow:0 22px 40px #36231024}.reason-list,.steps-list{gap:12px;margin-top:6px;display:grid}.reason-list div{color:var(--accent-strong);opacity:0;gap:10px;font-weight:700;animation:.56s forwards slideFadeIn;transform:translate(-16px)}.reason-list div:first-child{animation-delay:80ms}.reason-list div:nth-child(2){animation-delay:.16s}.reason-list div:nth-child(3){animation-delay:.24s}.reason-list div:nth-child(4){animation-delay:.32s}.reason-list div:nth-child(5){animation-delay:.4s}.reason-list div:hover{transform:translate(4px)}.reason-list svg,.steps-list svg,.security-points svg{color:var(--success);flex:none}.steps-list article{border:1px solid var(--line);background:var(--panel-2);opacity:0;border-radius:8px;grid-template-columns:34px 24px minmax(0,1fr);align-items:start;gap:12px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.56s forwards riseFadeIn;display:grid;transform:translateY(16px)}.steps-list article:first-child{animation-delay:.1s}.steps-list article:nth-child(2){animation-delay:.2s}.steps-list article:nth-child(3){animation-delay:.3s}.steps-list article:hover,.steps-list article:focus-within{border-color:#b9822a9e;transform:translateY(-4px);box-shadow:0 18px 30px #3623101f}.step-number{color:#fff;background:var(--accent-strong);border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.security-section{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:28px;padding:clamp(24px,5vw,42px);display:grid}.security-section div:first-child,.security-points{gap:12px;display:grid}.security-points span{border:1px solid var(--line);min-height:46px;color:var(--accent-strong);background:var(--panel-2);border-radius:8px;gap:10px;padding:0 14px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s}.security-points span:hover,.security-points span:focus-within{border-color:#b9822a9e;transform:translate(5px);box-shadow:0 14px 26px #3623101f}.landing-cta{text-align:center;justify-items:center;gap:14px;margin-top:42px;margin-bottom:56px;padding:clamp(32px,6vw,58px);display:grid}.landing-cta p{max-width:660px}.landing-footer{border:1px solid var(--line);background:var(--panel);width:min(1180px,100% - 36px);box-shadow:var(--shadow);opacity:0;border-radius:8px;margin:0 auto 36px;padding:22px 24px;animation:.66s .28s forwards riseFadeIn;transform:translateY(18px)}@keyframes riseFadeIn{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes splashFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-.45deg)}}@keyframes badgeFloatOne{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}@keyframes badgeFloatTwo{0%,to{transform:translate(0,0)}50%{transform:translateY(8px)}}@keyframes splashSheen{0%,to{transform:translate(-120%)}42%,58%{transform:translate(120%)}}@keyframes landingDriftOne{0%{transform:translate(0,0)scale(1)}to{transform:translate(-32px,28px)scale(1.08)}}@keyframes landingDriftTwo{0%{transform:translate(0,0)scale(1)}to{transform:translate(36px,-24px)scale(1.06)}}@keyframes welcomeBoardFloat{0%,to{transform:translate(0,0)}50%{transform:translate(8px,-6px)}}@keyframes templateGlide{0%,to{transform:translate(0)}50%{transform:translate(-18px)}}.landing-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.landing-footer-block{gap:8px;display:grid}.landing-footer-block strong{color:var(--accent-strong)}.landing-footer-block p{color:var(--muted);white-space:pre-line;margin:0;line-height:1.65}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:22px;display:grid}.auth-card h1{margin:0;font-size:24px}.auth-card label{color:var(--muted);gap:6px;font-size:13px;display:grid}.auth-card input,.auth-card textarea,.admin-panel input,.admin-panel select{border:1px solid var(--line);min-width:0;min-height:40px;color:var(--text);background:var(--panel-2);border-radius:8px;padding:8px 10px}.auth-card textarea{resize:vertical;min-height:84px}.password-field{grid-template-columns:minmax(0,1fr) 40px;gap:8px;display:grid}.password-field button{border-radius:8px;place-items:center;min-height:40px;display:grid}.link-action{color:var(--accent);background:0 0;border:0}.secondary-action{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 12px;display:inline-flex}.admin-panel button,.payment-actions button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:inline-flex}.nav-section{border:1px solid var(--line);background:var(--panel-2);border-radius:8px}.account-section{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.account-avatar{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.account-copy{gap:2px;min-width:0;display:grid}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-copy span{color:var(--muted);font-size:12px}.role-pill{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;grid-column:1/-1;justify-self:start;padding:3px 7px;font-size:11px;font-weight:700}.nav-action-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.nav-action-grid button{text-align:left;border-radius:8px;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:0 10px;display:grid}.nav-action-grid button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.nav-action-grid span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.nav-divider{background:var(--line);height:1px;margin:14px 0}.admin-dashboard{gap:16px;width:min(980px,100%);margin:0 auto;padding:4px 0 32px;display:grid}.admin-panel{gap:8px;display:grid}.admin-page-header{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px;display:flex}.admin-page-header h1,.admin-page-header p{margin:0}.admin-page-header p{color:var(--muted);margin-top:4px;font-size:13px}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-tabs button{border-radius:8px;min-height:36px;padding:0 12px}.admin-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.admin-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:18px}.admin-card label{color:var(--muted);gap:6px;font-size:13px;display:grid}.admin-filter-row{grid-template-columns:minmax(0,220px) auto;align-items:center;gap:8px;display:grid}.admin-inline-actions{justify-content:flex-end;gap:8px;display:flex}.admin-inline-actions button{border-radius:8px;min-height:34px;padding:0 12px}.admin-row{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;font-size:13px;display:grid}.admin-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-grid-header,.admin-payment-row,.admin-sales-row{grid-template-columns:minmax(220px,1.4fr) .8fr .7fr 1fr;align-items:center;gap:10px;display:grid}.admin-grid-header{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px}.admin-payment-row,.admin-sales-row{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:10px;font-size:13px}.admin-payment-row>div{gap:2px;display:grid}.admin-payment-row strong{font-size:13px}.admin-payment-row small{color:var(--muted);font-size:12px}.admin-pagination{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:6px;display:grid}.admin-pagination span{text-align:center;color:var(--muted);font-size:12px}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app{height:100vh;min-height:100vh;color:var(--text);background:var(--bg);overflow:hidden}.app.dark{--bg:#12100e;--panel:#1b2235;--panel-2:#242d43;--text:#f8ead2;--muted:#c5b28f;--line:#6e5631;--accent:#d7a84b;--accent-strong:#f1d18a;--accent-soft:#3a2e1c;--success:#82b6a2;--shadow:0 16px 38px #00000057}.topbar{z-index:20;border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand div{gap:2px;min-width:0;display:grid}.brand strong,.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand span{color:var(--muted);font-size:13px}.toolbar{gap:8px;display:flex;overflow-x:auto}.mobile-header-actions,.website-mobile-actions,.mobile-bottom-toolbar,.mobile-context-toolbar,.mobile-fab,.mobile-fab-menu,.mobile-sheet-backdrop{display:none}.toolbar button,.panel-heading button{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.toolbar button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.workspace{grid-template-columns:260px minmax(0,1fr) 300px;height:calc(100vh - 64px);min-height:0;display:grid;overflow:hidden}.left-panel,.right-panel{border-right:1px solid var(--line);background:var(--panel);height:calc(100vh - 64px);min-height:0;padding:16px;position:sticky;top:64px;overflow-y:auto}.right-panel{border-right:0;border-left:1px solid var(--line)}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tool-category-list{gap:8px;margin-bottom:12px;display:grid}.tool-category-list button{text-align:left;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:flex}.tool-category-list button.active,.tool-category-list button:hover{border-color:var(--accent)}.tool-category-list button.active{color:#fff;background:var(--accent)}.tool-category-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-grid button{border-radius:8px;place-items:center;min-width:0;min-height:44px;padding:0;display:grid;position:relative}.tool-grid svg{width:20px;height:20px}.tool-tip{z-index:80;border:1px solid var(--line);width:max-content;max-width:160px;color:var(--panel);background:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tool-tip:after{content:"";border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--text);width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.tool-grid button:hover .tool-tip,.tool-grid button:focus-visible .tool-tip,.mobile-bottom-toolbar button:hover .tool-tip,.mobile-bottom-toolbar button:focus-visible .tool-tip,.mobile-action-grid button:hover .tool-tip,.mobile-action-grid button:focus-visible .tool-tip{opacity:1;transform:translate(-50%)}.tool-grid .active,.toolbar button:hover,.tool-grid button:hover,.library button:hover,.edit-list button:hover{border-color:var(--accent)}.tool-grid .active{color:#fff;background:var(--accent)}.search-box{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;margin-top:18px;padding:0 10px;display:flex}.search-box input{width:100%;height:40px;color:var(--text);background:0 0;border:0;outline:0}.panel-note,.status-line{color:var(--muted);font-size:13px;line-height:1.45}.download-retry-toast{z-index:95;border:1px solid var(--line);width:min(420px,100vw - 36px);color:var(--text);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;font-size:13px;line-height:1.35;display:grid;position:fixed;bottom:18px;right:18px}.download-retry-toast span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.download-retry-toast a{color:var(--accent);white-space:nowrap;font-weight:700}.zoom-row{grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-top:18px;display:grid}.zoom-row button{border-radius:8px;height:34px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 10px;font-weight:700;display:flex}.panel-heading-actions{gap:6px;display:flex}.library,.edit-list{gap:8px;display:grid}.library-item,.edit-list button{border-radius:8px}.library-item{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.library-open,.edit-list button{text-align:left;gap:3px;padding:10px;display:grid}.library-delete{width:38px;min-height:42px;color:var(--danger);border-radius:8px;place-items:center;display:grid}.library-open{border-radius:8px;min-width:0}.library-open span,.edit-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-open small,.edit-list small{color:var(--muted)}.viewer-shell{background:var(--bg);height:calc(100vh - 64px);min-height:0;padding:24px;overflow:auto}.pages{justify-items:center;gap:22px;display:grid}.page-stack{justify-items:center;gap:8px;display:grid}.page-management-row{width:100%;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;display:flex}.page-management-row span,.page-management-row button,.page-navigation button{border-radius:8px;min-height:32px}.page-management-row span{border:1px solid var(--line);background:var(--panel);align-items:center;padding:0 9px;font-weight:700;display:inline-flex}.page-management-row button{padding:0 9px}.page-manager{margin-top:18px}.page-navigation{gap:6px;display:grid}.page-navigation button{text-align:left;padding:0 10px}.page-frame{gap:8px;display:grid}.page-meta{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.page-meta strong{color:var(--accent)}.page-surface{box-shadow:var(--shadow);touch-action:pan-x pan-y pinch-zoom;background:#fff;position:relative;overflow:hidden}.page-surface canvas{position:absolute;inset:0}.page-placeholder{z-index:2;color:var(--muted);text-align:center;background:#fff;place-items:center;padding:18px;font-size:13px;display:grid;position:absolute;inset:0}.page-placeholder.error{color:var(--danger);background:#fff7f7}.page-surface.pen-active{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.page-surface.eraser-active{cursor:cell;touch-action:none;-webkit-user-select:none;user-select:none}.pen-drawing-layer{z-index:6;pointer-events:none;position:absolute;inset:0}.edit-overlay{z-index:3;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;border:1px dashed #0000;justify-content:flex-start;align-items:flex-start;padding:4px;display:flex;position:absolute;overflow:hidden}.edit-overlay.selected{border-color:var(--accent);outline:2px solid #b9822a38;overflow:visible}.edit-overlay.text:not(.selected){outline:0;border-color:#0000!important}.edit-overlay.link{cursor:default;text-underline-offset:2px;text-decoration:underline}.edit-overlay.link:not(.selected){outline:0;border-color:#0000!important}.edit-overlay.inline-text-mode{cursor:text}.edit-overlay.table,.edit-overlay.lineChart,.edit-overlay.pieChart{border:0;justify-content:stretch;align-items:stretch;padding:0}.table-grid-overlay{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.edit-overlay.table.selected .table-grid-overlay{pointer-events:auto;overflow:visible}.table-row-selectors,.table-column-selectors{z-index:2;pointer-events:auto;gap:0;display:grid;position:absolute}.table-row-selectors{width:28px;height:100%;top:0;left:-30px}.table-column-selectors{width:100%;height:28px;top:-30px;left:0}.table-row-selector,.table-column-selector{background:#fff0;border:0;width:100%;height:100%;padding:0}.table-row-selector{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M16 9 L6 3 L6 7 L2 7 L2 11 L6 11 L6 15 Z' fill='white' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") 16 9,e-resize}.table-column-selector{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 16 L3 6 L7 6 L7 2 L11 2 L11 6 L15 6 Z' fill='white' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") 9 16,s-resize}.table-row-selector:hover,.table-column-selector:hover,.table-row-selector.selected,.table-column-selector.selected{background:#2563eb40}.table-cell-grid,.table-line-layer{width:100%;height:100%;position:absolute;inset:0}.table-cell-grid{pointer-events:none;display:grid}.table-cell{min-width:0;min-height:0;position:relative;overflow:hidden}.table-cell.margin-selected{box-shadow:inset 0 0 0 2px #2563eba6}.table-cell-text{width:100%;height:100%;position:absolute;inset:0}.table-cell-input{resize:none;width:100%;min-width:0;height:100%;min-height:0;color:inherit;pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;border:0;border-radius:0;outline:0;line-height:1.2;overflow:hidden}.table-cell-input:focus{box-shadow:inset 0 0 0 1px var(--accent-strong)}.inline-text-editor{resize:none;width:100%;min-width:0;height:100%;min-height:0;color:inherit;pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;white-space:pre-wrap;word-break:normal;overflow-wrap:normal;background:0 0;border:0;border-radius:0;outline:0;line-height:1.2;overflow:hidden}.inline-text-editor:focus{box-shadow:inset 0 0 0 1px var(--accent-strong)}.table-line-layer{pointer-events:none;overflow:visible}.chart-render-overlay{pointer-events:none;width:100%;height:100%;overflow:visible}.edit-overlay.rectangle,.edit-overlay.ellipse,.edit-overlay.RectangleTextBox,.edit-overlay.EllipseTextBox,.edit-overlay.CommentTextBox,.edit-overlay.stamp{border-style:solid}.edit-overlay.ellipse,.edit-overlay.EllipseTextBox{border-radius:999px}:is(.edit-overlay.image,.edit-overlay.ImageTextBox,.edit-overlay.signature:has(img)){background:0 0;padding:0}.edit-overlay.image img,.edit-overlay.ImageTextBox img,.edit-overlay.signature img{border-radius:inherit;object-fit:contain;pointer-events:none;width:100%;height:100%}.edit-overlay.pen,.edit-overlay.line,.edit-overlay.arrow,.edit-overlay.triangle,.edit-overlay.star,.edit-overlay.explosion{background:0 0;border:0;padding:0;overflow:visible}.edit-overlay.pen{touch-action:none}.edit-overlay.pen svg,.edit-overlay.line svg,.edit-overlay.arrow svg,.edit-overlay.triangle svg,.edit-overlay.star svg,.edit-overlay.explosion svg{pointer-events:none;width:100%;height:100%;overflow:visible}.edit-overlay.underline,.edit-overlay.strike{background:0 0;border:0;padding:0;overflow:visible}.edit-overlay.underline:after,.edit-overlay.strike:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;left:0;right:0}.edit-overlay.underline:after{bottom:20%}.edit-overlay.strike:after{top:50%}.edit-overlay.stamp{letter-spacing:0;text-align:center;border-width:2px;justify-content:center;align-items:center;padding:0 10px;font-weight:800}.edit-overlay.redaction{border:0}.edit-overlay.watermark{text-align:center;justify-content:center;align-items:center;padding:0;font-weight:800}.edit-overlay.header,.edit-overlay.footer,.edit-overlay.pageNumber{border:0;align-items:center;padding:0}.edit-overlay.formField{background:#fff;border-style:solid;align-items:center;padding:0}.edit-overlay.RectangleTextBox,.edit-overlay.EllipseTextBox,.edit-overlay.CommentTextBox,.edit-overlay.ImageTextBox{justify-content:stretch;align-items:stretch;padding:0}.grouped-text-layer{z-index:1;box-sizing:border-box;overflow-wrap:anywhere;pointer-events:none;white-space:pre-wrap;line-height:1.2;display:flex;position:absolute;overflow:hidden}.pdf-text-layer{pointer-events:none;white-space:normal;width:100%;height:100%;line-height:normal;display:block;position:absolute;inset:0;overflow:hidden}.grouped-text-layer.pdf-text-layer{inset:auto}.pdf-text-layer text{dominant-baseline:alphabetic;letter-spacing:0;paint-order:normal}.authored-form-text,.authored-form-button,.authored-form-hidden{color:currentColor;width:100%;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;padding:0 7px;line-height:1.25;display:block;overflow:hidden}.authored-form-button{border-radius:inherit;background:#2563eb14;place-items:center;height:100%;font-weight:700;display:grid}.authored-form-text{border-radius:inherit}.authored-form-hidden{color:var(--muted);background:repeating-linear-gradient(45deg,#b9822a24,#b9822a24 6px,#0000 6px 12px);font-size:11px}.authored-form-check,.authored-form-radio{color:currentColor;place-items:center;width:100%;height:100%;font-size:16px;font-weight:800;display:grid}.authored-form-radio{border-radius:999px}.authored-form-radio span{background:currentColor;border-radius:999px;width:48%;height:48%}.signature-overlay{z-index:5;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;padding:0;position:absolute}.signature-overlay.selected{border-color:var(--accent);outline:2px solid #b9822a38}.signature-overlay img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.resize-handle{background:var(--accent);touch-action:none;border:1px solid #fff;border-radius:999px;width:10px;min-width:10px;height:10px;min-height:10px;padding:0;position:absolute;box-shadow:0 1px 4px #0f172a47}.resize-handle.n{cursor:ns-resize;top:-6px;left:calc(50% - 5px)}.resize-handle.s{cursor:ns-resize;bottom:-6px;left:calc(50% - 5px)}.resize-handle.e{cursor:ew-resize;top:calc(50% - 5px);right:-6px}.resize-handle.w{cursor:ew-resize;top:calc(50% - 5px);left:-6px}.resize-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.resize-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.rotate-handle{background:var(--success);cursor:grab;touch-action:none;border:2px solid #fff;border-radius:999px;width:14px;min-width:14px;height:14px;min-height:14px;padding:0;position:absolute;top:-30px;left:calc(50% - 7px);box-shadow:0 1px 4px #0f172a47}.rotate-handle:after{content:"";background:var(--success);width:2px;height:14px;position:absolute;top:12px;left:5px}.form-field-overlay{z-index:4;color:var(--text);touch-action:manipulation;background:#fffaf0c7;border:1px solid #b9822a7a;border-radius:2px;outline:0;margin:0;padding:2px 5px;font-size:12px;position:absolute}.form-field-overlay:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b9822a3d}.form-field-overlay:focus-visible,.inspector-form input:focus-visible,.inspector-form select:focus-visible,.inspector-form textarea:focus-visible,.search-box input:focus-visible,.font-toolbar-select:focus-visible{outline-offset:2px;border-color:var(--accent);outline:2px solid #b9822a6b}.form-field-overlay.required{border-color:#f59e0bd9}.form-field-overlay.checkbox{background:0 0;place-items:center;padding:0;display:grid}.form-field-overlay.checkbox input{width:min(22px,100%);height:min(22px,100%)}.empty-state{min-height:calc(100vh - 120px);color:var(--muted);text-align:center;align-content:center;place-items:center;gap:14px;display:grid}.empty-state h1{color:var(--text);margin:0;font-size:28px}.empty-state.document-state p{max-width:440px;color:var(--muted);margin:0;line-height:1.5}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-actions button,.primary-action,.danger-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.font-toolbar-select{border:1px solid var(--line);max-width:160px;min-height:38px;color:var(--text);background:var(--panel);border-radius:8px;padding:0 10px}.primary-action{color:#fff;background:var(--accent);border-color:var(--accent);width:100%;margin-top:12px}.danger-action{width:100%;color:var(--danger);background:0 0;border-color:#dc262666}.primary-action.secondary{background:var(--accent-strong);border-color:var(--accent-strong)}.professional-export-panel{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding-top:14px;display:grid}.professional-export-panel.compact{margin-top:10px;padding-top:10px}.professional-export-panel .panel-heading{margin-top:0}.professional-export-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.professional-export-grid label,.export-toggle-grid label{min-width:0;color:var(--muted);font-size:12px;font-weight:700}.professional-export-grid label{gap:6px;display:grid}.professional-export-grid .wide{grid-column:1/-1}.professional-export-grid input,.professional-export-grid select,.professional-export-grid textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:var(--panel-2);border-radius:8px;padding:8px}.professional-export-grid textarea{resize:vertical;min-height:72px}.export-toggle-grid{gap:8px;display:grid}.export-toggle-grid label{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;display:grid}.export-toggle-grid input{width:18px;height:18px;margin:0}.export-metadata{gap:10px;display:grid}.export-metadata summary{cursor:pointer;color:var(--accent-strong);font-size:13px;font-weight:800}.export-metadata[open] summary{margin-bottom:10px}.export-validation{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:8px;padding:10px;display:grid}.export-validation p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:12px;line-height:1.35;display:flex}.export-validation p.export-ready{color:var(--success);font-weight:800}.export-validation ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.export-validation li{color:var(--muted);grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;font-size:12px;line-height:1.35;display:grid}.export-validation li.error{color:var(--danger)}.export-validation li.warning{color:var(--accent-strong)}.inspector-form{grid-template-columns:1fr 1fr;gap:16px;padding:0;display:grid}.inspector-form label{color:var(--muted);letter-spacing:.3px;text-transform:uppercase;gap:8px;font-size:12px;font-weight:600;transition:all .2s;display:grid}.inspector-form label:hover{color:var(--text)}.inspector-form input,.inspector-form select,.inspector-form textarea{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:var(--panel-2);border-radius:10px;padding:10px 12px;scroll-margin-block:96px;font-family:inherit;font-size:14px;transition:all .2s}.inspector-form input:hover,.inspector-form select:hover,.inspector-form textarea:hover{border-color:var(--accent);background:var(--panel-1);box-shadow:0 0 0 3px #2563eb0d}.inspector-form input:focus-visible,.inspector-form select:focus-visible,.inspector-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent);background:var(--panel-1);box-shadow:0 0 0 3px #2563eb1a}.inspector-form input::placeholder{color:var(--muted);opacity:.7}.inspector-form textarea{resize:vertical;min-height:100px;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px}.inspector-form .wide{grid-column:1/-1;gap:8px;display:grid}.inspector-form input[type=color]{border:2px solid var(--line);cursor:pointer;border-radius:10px;min-height:44px;padding:4px;transition:all .2s}.inspector-form input[type=color]:hover{border-color:var(--accent);transform:scale(1.02)}.inspector-form input[type=color]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inspector-form input[type=range]{background:linear-gradient(to right, var(--line) 0%, var(--line) 100%);-webkit-appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.inspector-form input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 4px #0003}.inspector-form input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #2563eb4d}.inspector-form input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 4px #0003}.inspector-form input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #2563eb4d}.radius-control{background:#2563eb05;border:1px solid #2563eb1a;border-radius:10px;grid-template-columns:minmax(0,1fr) 80px;align-items:end;gap:12px;padding:12px;display:grid}.radius-control label{color:var(--muted);gap:8px;display:grid}.radius-control input[type=number]{text-align:center}.option-editor,.option-list,.grouped-text-controls{background:#2563eb05;border:1px solid #2563eb1a;border-radius:10px;gap:12px;padding:14px;display:grid}.option-editor small{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.option-row,.option-add-row{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:8px;padding:10px;transition:all .2s;display:grid}.option-row:hover,.option-add-row:hover{border-color:var(--accent);background:var(--panel-1)}.option-row{grid-template-columns:minmax(0,1fr) auto auto auto}.option-add-row{grid-template-columns:minmax(0,1fr) auto}.option-row button,.option-add-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;min-height:36px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s}.option-row button:hover,.option-add-row button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb33}.option-row button:disabled,.option-add-row button:disabled{background:var(--muted);opacity:.5;cursor:not-allowed;transform:none}.panel-heading.compact{letter-spacing:.3px;background:#2563eb0a;border:1px solid #2563eb14;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.panel-heading.compact button,.danger-action.compact{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:auto;min-height:32px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.panel-heading.compact button:hover,.danger-action.compact:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb33}.grouped-text-controls{background:#2563eb05;border:1px solid #2563eb1a;border-radius:10px;gap:12px;padding:14px;display:grid}.hyperlinks-section{background:#2563eb05;border:1px solid #2563eb1a;border-radius:10px;gap:10px;padding:14px;display:grid}.hyperlink-add-form{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:8px;padding:10px;display:grid}.hyperlink-add-actions{gap:8px;display:flex}.hyperlink-add-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.hyperlink-add-actions button:first-child{background:var(--accent);color:#fff}.hyperlink-add-actions button:first-child:hover:not(:disabled){background:#1d4ed8}.hyperlink-add-actions button:first-child:disabled{opacity:.45;cursor:not-allowed}.hyperlink-add-actions button:last-child{background:var(--panel-3);color:var(--text-1)}.hyperlink-add-actions button:last-child:hover{background:var(--line)}.hyperlink-item{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.hyperlink-text-badge{text-overflow:ellipsis;white-space:nowrap;color:#2563eb;background:#2563eb14;border-radius:4px;flex-shrink:0;max-width:90px;padding:2px 6px;font-size:12px;font-weight:600;text-decoration:underline;overflow:hidden}.hyperlink-url-input{border:1px solid var(--line);background:var(--panel-1);min-width:0;height:30px;color:var(--text-1);border-radius:5px;flex:1;padding:0 8px;font-size:12px}.grouped-text-editor{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;transition:all .2s;display:grid}.grouped-text-editor:hover{border-color:var(--accent);background:var(--panel-1)}.inspector-form input[type=checkbox]{cursor:pointer;width:18px;min-width:18px;height:18px;accent-color:var(--accent);transition:transform .2s}.inspector-form input[type=checkbox]:hover{transform:scale(1.1)}.inspector-form input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inspector-form label:has(input[type=checkbox]){cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.inspector-form label:has(input[type=checkbox]):hover{background:#2563eb0d}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.pen-settings,.table-settings{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.pen-mode-row,.pen-command-row,.pen-color-presets{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pen-mode-row button,.pen-command-row button{border-radius:8px;grid-auto-flow:column;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:12px;font-weight:750;display:inline-grid}.pen-mode-row button.active{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.pen-command-row button{background:var(--panel)}.pen-color-presets button{width:34px;min-width:34px;height:34px;box-shadow:0 0 0 1px var(--line);border:2px solid #ffffffe6;border-radius:999px;padding:0}.pen-color-presets button.active{box-shadow:0 0 0 2px var(--accent-strong)}.pen-settings label,.table-settings label{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.pen-settings input[type=range]{grid-column:1/-1;width:100%}.table-settings input[type=number],.table-settings select{border:1px solid var(--line);width:72px;height:34px;color:var(--text);background:var(--panel);border-radius:8px;padding:0 8px}.table-settings select{width:min(160px,100%)}.pen-settings input[type=color]{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:42px;height:32px;padding:2px}.pen-settings span,.table-settings span{color:var(--text)}.table-cell-controls{background:#2563eb08;border:1px solid #2563eb24;border-radius:10px;gap:12px;max-height:360px;padding:12px;display:grid;overflow-y:auto}.table-cell-editor{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:minmax(0,1fr) 124px 124px;align-items:start;gap:10px;padding:10px;transition:all .2s;display:grid}.table-cell-editor:hover{border-color:var(--accent);background:var(--panel-1)}.table-cell-editor span{color:var(--muted);letter-spacing:.3px;text-transform:uppercase;grid-column:1/-1;font-size:10px;font-weight:800;line-height:1.3}.table-cell-editor textarea{resize:vertical;grid-column:1/-1;min-height:56px}.table-cell-editor select{width:100%;min-width:0}.chart-data-controls{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:8px;max-height:420px;padding:10px;display:grid;overflow-y:auto}.chart-data-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:24px minmax(0,1fr) 82px 42px;align-items:center;gap:8px;padding:8px;display:grid}.chart-data-row>span{color:var(--muted);text-align:center;font-size:11px;font-weight:800}.chart-data-row input[type=color]{width:38px;height:34px;padding:2px}.chart-data-actions{flex-wrap:wrap;grid-column:2/-1;gap:6px;display:flex}.chart-data-actions button{min-height:30px;padding:0 8px;font-size:11px}.modal-backdrop{z-index:50;overscroll-behavior:contain;background:#0f172a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.signature-modal{border:1px solid var(--line);background:var(--panel);width:min(100%,700px);box-shadow:var(--shadow);border-radius:8px;padding:16px}.payment-modal{border:1px solid var(--line);background:var(--panel);width:min(100%,420px);box-shadow:var(--shadow);text-align:center;border-radius:8px;justify-items:center;gap:14px;padding:18px;display:grid}.confirm-modal{border:1px solid var(--line);background:var(--panel);width:min(100%,420px);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:18px;display:grid}.confirm-modal h2,.confirm-modal p{margin:0}.confirm-modal h2{font-size:20px}.confirm-modal p{color:var(--muted);line-height:1.45}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-actions button{border-radius:8px;min-height:40px;padding:0 14px}.payment-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.modal-heading,.signature-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-heading button{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.signature-canvas{border:1px solid var(--line);cursor:crosshair;touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,#f3f4f6 25%,#0000 25%),linear-gradient(-45deg,#f3f4f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f3f4f6 75%),linear-gradient(-45deg,#0000 75%,#f3f4f6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;width:100%;max-width:620px;height:auto;margin:14px auto;display:block}.signature-weight{max-width:620px;color:var(--muted);grid-template-columns:18px auto minmax(120px,1fr) 28px;align-items:center;gap:10px;margin:0 auto 14px;font-size:13px;display:grid}.signature-weight input{width:100%}.signature-weight strong{color:var(--text);text-align:right}.signature-secondary-actions{justify-content:space-between;gap:10px;max-width:620px;margin:0 auto 12px;display:flex}.signature-secondary-actions button,.signature-actions button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}.primary-action.inline,.danger-action.inline{width:auto;margin-top:0}.mode-switcher{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;align-items:center;gap:8px;padding:4px;display:inline-flex}.mode-switcher button{border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-weight:700;display:inline-flex}.mode-switcher button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.website-builder{--builder-stage:radial-gradient(circle at 12% 12%, #f8fbff 0%, #edf3fb 42%, #e3e9f2 100%);--builder-guide:#0e749024;--builder-shell:#ffffffe0;--builder-radius:14px;--builder-space-1:clamp(8px, .8vw, 12px);--builder-space-2:clamp(12px, 1.2vw, 18px);--builder-space-3:clamp(16px, 1.8vw, 24px);--builder-font-ui:"Space Grotesk", "Segoe UI", sans-serif;--builder-font-body:"Plus Jakarta Sans", "Segoe UI", sans-serif;font-family:var(--builder-font-body)}.website-workspace{grid-template-columns:clamp(252px,18vw,300px) minmax(0,1fr) clamp(280px,20vw,330px);gap:0;height:calc(100vh - 64px);min-height:0;display:grid;overflow:hidden}.website-workspace.left-collapsed{grid-template-columns:0 minmax(0,1fr) 320px}.website-workspace.right-collapsed{grid-template-columns:300px minmax(0,1fr) 0}.website-workspace.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.website-left-panel,.website-right-panel{min-height:0;padding:var(--builder-space-2);border-right:1px solid var(--line);background:color-mix(in srgb, var(--panel) 76%, #fff);scrollbar-gutter:stable;overflow-y:auto}.website-workspace.left-collapsed .website-left-panel,.website-workspace.right-collapsed .website-right-panel{padding:0;overflow:hidden}.website-panel-reopen{z-index:18;border-radius:8px;min-height:36px;padding:0 10px;position:absolute;top:78px;box-shadow:0 10px 24px #17203324}.website-panel-reopen.left{left:12px}.website-panel-reopen.right{right:12px}.website-right-panel{border-right:0;border-left:1px solid var(--line)}.website-stage-shell{background:linear-gradient(90deg, var(--builder-guide) 1px, transparent 1px), linear-gradient(var(--builder-guide) 1px, transparent 1px), var(--builder-stage);background-size:24px 24px;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.website-start-screen{background:var(--bg);place-items:center;min-height:calc(100vh - 74px);padding:24px;display:grid}.website-start-panel{border:1px solid var(--line);background:var(--panel);width:min(100%,720px);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:20px;display:grid}.website-start-form{grid-template-columns:minmax(0,1fr) minmax(180px,.5fr) auto;align-items:end;gap:12px;display:grid}.website-start-form label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:800;display:grid}.website-start-form input,.website-start-form select{border:1px solid var(--line);min-height:42px;color:var(--text);background:var(--panel-2);border-radius:8px;padding:0 10px}.website-start-form button{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:850;display:inline-flex}.website-start-projects,.website-saved-project-list{gap:8px;display:grid}.website-start-projects strong{font-size:13px}.website-start-projects button,.website-saved-project-row{border:1px solid var(--line);background:var(--panel-2);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:grid}.website-start-projects button{grid-template-columns:minmax(0,1fr)}.website-start-projects span,.website-saved-project-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.website-start-projects small,.website-saved-project-row small{color:var(--muted);font-size:11px}.website-saved-project-row.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.website-saved-project-row>button:first-child{text-align:left;gap:2px;min-width:0;display:grid}.website-saved-project-row>button:last-child{width:32px;height:32px;color:var(--danger);border-radius:7px;place-items:center;display:grid}.website-stage-toolbar{align-items:center;gap:var(--builder-space-1);padding:var(--builder-space-2);border-bottom:1px solid var(--line);background:var(--builder-shell);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;display:flex}.website-stage-toolbar label,.website-inspector label{color:var(--muted);font-size:clamp(11px,.85vw,12px);font-weight:800;font-family:var(--builder-font-ui);gap:5px;display:grid}.website-stage-toolbar label{min-width:220px}.website-stage-meta{min-width:160px;color:var(--muted);gap:2px;font-size:12px;font-weight:750;display:grid}.website-stage-meta strong,.website-stage-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.website-stage-meta strong{color:var(--text)}.website-health-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.website-health-strip span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:var(--panel);border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.website-health-strip span.ready{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.website-health-strip span.warning{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}.website-stage-toolbar input,.website-page-row input,.website-inspector input,.website-inspector select,.website-inspector textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:var(--panel-2);font:inherit;border-radius:8px;padding:0 10px}.website-inspector textarea{resize:vertical;min-height:78px;padding:10px}.viewport-toggle{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;gap:6px;padding:4px;display:inline-flex}.viewport-toggle button,.website-orientation-toggle,.website-export-button,.website-upload-button,.website-resize-control{min-height:38px;font-weight:750;font-family:var(--builder-font-ui);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.website-orientation-toggle{background:color-mix(in srgb, var(--panel-2) 74%, #e0f2fe)}.viewport-toggle button.active,.website-export-button{color:#fff;border-color:var(--accent);background:var(--accent)}.website-stage-scroll{min-height:0;padding:var(--builder-space-3);overflow:auto}.website-canvas{border-radius:var(--builder-radius);background:#fff;width:100%;min-height:max(100vh - 184px,700px);margin:0 auto;transition:max-width .2s,min-height .2s,transform .22s;box-shadow:0 22px 50px #17203333}.website-canvas.viewport-mobile{width:min(100%,430px)}.website-canvas.viewport-tablet{width:min(100%,960px)}.website-canvas.viewport-laptop{width:min(100%,1280px)}.website-canvas.viewport-desktop{width:min(100%,1440px)}.website-canvas.viewport-ultrawide{width:min(100%,1920px)}.website-canvas.viewport-landscape.viewport-mobile,.website-canvas.viewport-landscape.viewport-tablet{max-width:min(100%, var(--viewport-width))}.website-page-list,.website-component-groups,.website-layer-list,.website-asset-list,.website-inspector,.website-link-controls{gap:10px;display:grid}.website-search-field{margin-bottom:10px;display:block}.website-search-field input{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:38px;color:var(--text);border-radius:8px;padding:0 10px}.website-page-row{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:8px;padding:10px;display:grid}.website-page-row.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.website-page-row-main,.website-layer-list button,.website-asset-list button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;display:flex}.website-page-row-main span,.website-layer-list span,.website-asset-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.website-page-row-meta{color:var(--muted);font-size:11px;line-height:1.3}.website-page-row-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.website-page-row-actions button{border-radius:7px;place-items:center;min-height:30px;font-size:12px;font-weight:800;display:grid}.website-component-groups section{gap:8px;display:grid}.website-left-menu{gap:10px;display:grid}.website-left-menu-heading{grid-template-columns:minmax(0,1fr) 34px;gap:8px;display:grid}.website-left-menu-toggle,.website-left-panel-close{min-height:38px;color:var(--text);background:var(--panel-2);text-transform:uppercase;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:flex}.website-left-menu-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent-strong);background:var(--panel-1);box-shadow:inset 3px 0 0 var(--accent)}.website-left-panel-close{place-items:center;padding:0;display:grid}.website-inspector-foldout{gap:10px;display:grid}.website-inspector-foldout-toggle{width:100%;min-height:34px;color:var(--text);background:var(--panel-2);text-transform:uppercase;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:850;display:flex}.website-inspector-foldout-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent-strong);background:var(--panel-1)}.website-group-toggle{min-height:34px;color:var(--muted);background:var(--panel-2);text-transform:uppercase;border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;font-weight:850;display:flex}.website-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.website-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.website-project-template-list{gap:8px;margin-bottom:12px;display:grid}.website-project-template-list.compact button{min-height:48px}.website-project-template-list button{text-align:left;border-radius:8px;gap:3px;min-height:54px;padding:9px 10px;display:grid}.website-project-template-list small,.website-route-list small{color:var(--muted);font-size:11px;line-height:1.3}.website-template-grid button{text-align:left;border-radius:8px;min-height:38px;padding:0 10px;font-size:12px;font-weight:750}.website-component-grid button{text-align:left;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:12px;font-weight:750;display:flex}.website-component-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.website-element{overflow-wrap:anywhere;outline:1px solid #0000;width:100%;margin-left:auto;margin-right:auto;transition:outline-color .12s,box-shadow .12s,transform .14s;position:relative}.website-element:hover,.website-element.selected{outline-color:#2563eb}.website-element:focus-within{outline-color:#0ea5b7}.website-canvas.is-previewing .website-element:hover{color:var(--website-hover-color,inherit);background:var(--website-hover-bg,inherit)}.website-element.selected{box-shadow:0 0 0 3px #2563eb29}.website-element-tag{z-index:5;color:#fff;opacity:0;pointer-events:none;background:#2563eb;border-radius:6px 6px 0 0;align-items:center;gap:4px;max-width:180px;height:22px;padding:0 7px;font-size:11px;font-weight:800;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;top:-23px;left:0;transform:translateY(2px)}.website-element:hover .website-element-tag,.website-element.selected .website-element-tag{opacity:1;transform:translateY(0)}.website-element-delete,.website-element-canvas-resize{z-index:7;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .12s;display:inline-flex;position:absolute}.website-element-delete{color:#fff;background:#dc2626;border-color:#dc2626;width:28px;min-height:28px;padding:0;top:8px;right:8px}.website-element-canvas-resize{color:#fff;background:#1d4ed8;border-color:#1d4ed8;min-height:28px;padding:0 9px;font-size:11px;font-weight:800;bottom:8px;right:8px}.website-element.selected>.website-element-delete,.website-element.selected>.website-element-canvas-resize{opacity:1;pointer-events:auto}.website-element h2,.website-element p{margin:0}.website-element a{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.website-element img{border-radius:inherit;width:100%;height:auto;display:block}.website-element-navbar nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.website-builder-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.website-builder-nav strong{white-space:nowrap}.website-builder-nav-toggle{align-items:center;gap:6px;min-height:42px;padding:0 12px;display:none}.website-builder-nav-links{flex-wrap:wrap;gap:10px;display:flex}.website-navbar-preview-item{gap:6px;display:grid}.website-navbar-preview-children{gap:6px;padding-left:12px;display:grid}.website-navbar-editor{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:12px;padding:12px;display:grid}.website-navbar-editor-header,.website-navbar-item-toolbar,.website-navbar-item-actions{align-items:center;gap:8px;display:flex}.website-navbar-editor-header{justify-content:space-between}.website-navbar-editor-header button,.website-navbar-item-toolbar button,.website-navbar-item-actions button{min-height:34px;padding:0 10px}.website-navbar-item-card,.website-navbar-style-editor{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:10px;padding:10px;display:grid}.website-navbar-style-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.website-navbar-children{border-left:2px solid #d7bf8d8c;gap:10px;padding-left:14px;display:grid}.website-element-navbar nav div{flex-wrap:wrap;gap:10px;display:flex}.website-element-navbar nav a{min-height:auto;color:inherit;background:0 0;border:0;padding:0}.website-element-grid,.website-element-columns{grid-template-columns:repeat(var(--website-columns), minmax(0, 1fr));gap:var(--website-gap);display:grid}.website-element-flex,.website-element-rows,.website-element-form,.website-element-loginForm,.website-element-registerForm,.website-element-forgotPasswordForm,.website-element-resetPasswordForm,.website-element-editProfileForm,.website-element-changePasswordForm{gap:var(--website-gap);display:flex}.website-element-rows,.website-element-form,.website-element-loginForm,.website-element-registerForm,.website-element-forgotPasswordForm,.website-element-resetPasswordForm,.website-element-editProfileForm,.website-element-changePasswordForm{flex-direction:column}.website-element input,.website-element textarea,.website-element select{width:100%;min-height:44px;font:inherit;border:1px solid #d6dbe5;border-radius:8px;padding:10px}.website-app-form,.website-app-panel{gap:14px;display:grid}.website-avatar-upload{color:#64748b;background:#f8fafc;border:1px dashed #94a3b8;border-radius:999px;place-items:center;gap:8px;min-height:112px;font-weight:800;display:grid}.website-details-list{gap:10px;display:grid}.website-card-grid{grid-template-columns:repeat(var(--website-columns,3), minmax(0, 1fr));gap:var(--website-gap,16px);display:grid}.website-canvas.viewport-mobile .website-element-grid,.website-canvas.viewport-mobile .website-element-columns,.website-canvas.viewport-mobile .website-card-grid{grid-template-columns:1fr}.website-canvas.viewport-tablet .website-element-grid,.website-canvas.viewport-tablet .website-element-columns,.website-canvas.viewport-tablet .website-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-canvas.viewport-mobile .website-builder-nav,.website-canvas.viewport-tablet .website-builder-nav{flex-direction:column;align-items:stretch}.website-canvas.viewport-mobile .website-builder-nav-toggle,.website-canvas.viewport-tablet .website-builder-nav-toggle{display:inline-flex}.website-canvas.viewport-mobile .website-builder-nav-links,.website-canvas.viewport-tablet .website-builder-nav-links{flex-direction:column}.website-metric-card,.website-notification-preview{gap:6px;display:grid}.website-metric-card strong{font-size:28px}.website-data-table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.website-data-table td{border-bottom:1px solid #e5e7eb;padding:9px}.website-modal-preview{gap:12px;display:grid}.website-loader-preview{align-items:center;gap:8px;display:inline-flex}.website-loader-preview span{border:2px solid #dbe3ef;border-top-color:var(--accent);border-radius:999px;width:18px;height:18px;animation:.8s linear infinite websiteSpin}@keyframes websiteSpin{to{transform:rotate(360deg)}}.website-details-list div{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:14px;padding:10px 0;display:flex}.website-details-list dt{color:#64748b;font-weight:750}.website-details-list dd{margin:0;font-weight:800}.website-image-placeholder,.website-video-placeholder,.website-drop-zone{color:#64748b;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;place-items:center;min-height:160px;font-weight:800;display:grid}.website-drop-zone{gap:7px;width:calc(100% - 32px);min-height:72px;margin:16px}.website-tabs-preview{flex-wrap:wrap;gap:8px;display:flex}.website-tabs-preview button,.website-element details summary,.website-element button{border-radius:7px;min-height:40px;padding:0 10px;font-weight:750}.website-child-palette{z-index:6;opacity:0;pointer-events:none;background:#fffffff5;border:1px solid #2563eb38;border-radius:9px;gap:5px;padding:4px;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 10px 24px #0f172a29}.website-child-palette button{color:#fff;background:#2563eb;border-color:#2563eb;place-items:center;width:28px;min-height:28px;padding:0;display:grid}.website-element.selected>.website-child-palette{opacity:1;pointer-events:auto}.website-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.website-inspector-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.website-inspector-tabs button{text-transform:capitalize;border-radius:8px;min-height:34px;font-size:12px;font-weight:800}.website-inspector-tabs button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.website-code-editor{tab-size:2;min-height:170px!important;padding:10px!important;font-family:Courier New,monospace!important;font-size:12px!important;line-height:1.45!important}.website-route-list{gap:8px;display:grid}.website-route-list div{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:2px;padding:9px 10px;display:grid}.website-readiness-card{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:10px;padding:12px;display:grid}.website-readiness-card>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.website-readiness-card strong{color:var(--text);font-size:26px;line-height:1}.website-readiness-card meter{width:100%;height:10px}.website-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.website-readiness-grid span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:var(--panel);border-radius:7px;padding:6px 8px;font-size:12px;font-weight:800}.website-inspector-grid .wide{grid-column:1/-1}.website-breakpoint-note,.website-project-issues{border:1px solid var(--line);color:var(--muted);background:var(--panel-2);border-radius:8px;gap:6px;padding:10px;font-size:12px;font-weight:750;display:grid}.website-project-issues{color:#7c2d12;background:#fff7ed}.website-checkbox-label{grid-template-columns:none;align-items:center;gap:8px;display:flex!important}.website-checkbox-label input{width:18px;min-height:18px}.website-layer-group{gap:5px;display:grid}.website-layer-list button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.alignment-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.alignment-row button{border-radius:8px;place-items:center;min-height:36px;display:grid}.alignment-row button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.website-asset-list img{object-fit:cover;border-radius:7px;width:34px;height:34px}.website-resize-control{cursor:nwse-resize}@keyframes mobileSheetIn{0%{opacity:.82;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.landing-hero{grid-template-columns:1fr;min-height:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-splash img{aspect-ratio:16/10}.landing-floating-card.card-secondary{top:auto;bottom:74px;right:18px}.workspace{grid-template-columns:220px minmax(0,1fr)}.website-workspace{grid-template-columns:minmax(0,1fr)}.website-left-panel,.website-right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.website-stage-toolbar{z-index:15;position:sticky;top:0}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}}@media (max-width:768px){.website-start-panel{padding:14px}.website-start-form{grid-template-columns:1fr}.landing-nav{flex-direction:column;align-items:stretch;padding:14px 18px;position:relative}.landing-nav nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.landing-nav nav a{justify-content:center;align-items:center;min-height:38px;display:inline-flex}.landing-nav-cta{grid-column:1/-1;justify-content:center}.landing-hero{width:min(100% - 28px,1180px);padding:34px 0 24px}.landing-hero h1{font-size:34px;font-weight:760}.landing-hero p{font-size:15px}.landing-actions,.landing-activity-strip{grid-template-columns:1fr;display:grid}.landing-splash img{aspect-ratio:1}.landing-floating-card{min-height:34px;padding:0 11px;font-size:11px}.landing-floating-card.card-primary{top:14px;left:12px}.landing-floating-card.card-secondary{bottom:64px;right:12px}.landing-splash figcaption{max-width:calc(100% - 24px);bottom:12px;right:12px}.landing-welcome-board{max-width:calc(100% - 24px);bottom:62px;left:12px}.landing-section,.landing-split,.security-section,.landing-cta{width:min(100% - 28px,1180px)}.landing-section{padding:48px 0 24px}.feature-grid,.welcome-grid,.landing-split,.security-section{grid-template-columns:1fr}.landing-section-heading h2,.landing-panel h2,.security-section h2,.landing-cta h2{font-size:26px;font-weight:740}.landing-section-heading p,.landing-panel p,.security-section p,.landing-cta p{font-size:14px;line-height:1.55}.feature-card{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:8px 12px;min-height:auto;padding:16px}.feature-icon{width:36px;height:36px}.feature-icon svg{width:17px;height:17px}.feature-card h3{align-self:center;font-size:15px;font-weight:700;line-height:1.25}.feature-card p{grid-column:2;font-size:13px;line-height:1.45}.template-marquee{scroll-snap-type:x mandatory;padding-bottom:14px;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.template-marquee span{scroll-snap-align:start;min-width:124px;padding:10px 12px;font-size:13px}.welcome-card{min-height:auto;padding:16px}.steps-list article{grid-template-columns:30px minmax(0,1fr);gap:8px 10px;padding:12px}.steps-list article svg{grid-column:1;width:17px;height:17px}.steps-list article div{grid-area:1/2/span 2}.step-number{width:28px;height:28px;font-size:13px;font-weight:700}.steps-list h3{font-size:15px;font-weight:700}.steps-list p{font-size:13px;line-height:1.45}.reason-list div,.security-points span{font-size:14px;font-weight:650}.reason-list svg,.security-points svg{width:16px;height:16px}.security-section,.landing-cta,.landing-footer{padding:24px}.landing-footer-grid{grid-template-columns:1fr}.auth-page{justify-items:stretch}@media (prefers-reduced-motion:reduce){.auth-card .landing-page:before,.auth-card .landing-page:after,.auth-card .landing-nav,.auth-card .landing-hero-copy>*,.auth-card .landing-activity-strip span,.auth-card .landing-splash,.auth-card .landing-splash:after,.auth-card .landing-floating-card,.auth-card .landing-splash figcaption,.auth-card .landing-welcome-board,.auth-card .feature-card,.auth-card .template-marquee span,.auth-card .welcome-card,.auth-card .reason-list div,.auth-card .steps-list article,.auth-card .landing-footer{opacity:1!important;animation:none!important;transform:none!important}.auth-card .landing-button,.auth-card .feature-card,.auth-card .welcome-card,.auth-card .landing-panel,.auth-card .security-points span,.auth-card .steps-list article,.auth-card .reason-list div,.auth-card .feature-icon{transition:none!important}.auth-card .landing-button:before,.auth-card .landing-splash:after{display:none!important}}.auth-card{width:calc(100vw - 40px);max-width:none}.auth-overlay-backdrop{align-items:end;padding:12px}.auth-overlay-dialog{width:100%}.topbar{z-index:34;flex-direction:row;align-items:flex-start;height:auto;min-height:58px;padding:10px 12px;position:sticky;top:0}.brand{gap:9px;min-width:0;max-width:calc(100% - 104px)}.brand>svg{flex:none;width:19px;height:19px}.brand strong{font-size:15px;font-weight:750}.brand span{font-size:12px}.desktop-toolbar,.mode-switcher{display:none}.toolbar button,.panel-heading button{flex:none}.mobile-header-actions,.website-mobile-actions{gap:8px;margin-left:auto;display:flex}.mobile-header-actions button,.website-mobile-actions button{border-radius:8px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid}.website-mobile-actions button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.app{height:auto;min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom));overflow:auto}.download-retry-toast{right:12px;bottom:calc(84px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);width:calc(100vw - 24px)}.download-retry-toast a{grid-column:2}.workspace{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 113px);display:grid;overflow:visible}.website-workspace{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 56px);display:grid;overflow:visible}.website-left-panel,.website-right-panel{border-left:0;border-right:0;border-bottom:1px solid var(--line)}.website-stage-shell{min-height:72dvh}.website-stage-toolbar{flex-direction:column;align-items:stretch}.website-stage-toolbar label{min-width:0}.viewport-toggle{width:100%}.viewport-toggle button,.website-orientation-toggle,.website-export-button{flex:1}.website-stage-scroll{padding:14px}.website-component-grid,.website-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-element-navbar nav,.website-element-navbar nav div,.website-builder-nav,.website-builder-nav-links{flex-direction:column;align-items:stretch}.left-panel,.right-panel{display:none}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-action-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.tool-grid button{min-height:40px;padding:0}.tool-grid button svg,.nav-action-grid button svg{width:18px;height:18px}.nav-action-grid span{font-size:12px;font-weight:650}.viewer-shell{height:auto;min-height:calc(100dvh - 118px);padding:10px 10px calc(112px + env(safe-area-inset-bottom));overscroll-behavior:contain;scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom));overflow:auto}.pages{gap:16px}.page-frame{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:100%;padding:0 0 8px;overflow-x:auto}.page-meta{min-width:min-content;padding:0 2px;font-size:12px}.empty-state{min-height:48dvh;padding:22px 0}.mobile-bottom-toolbar{z-index:36;padding:8px 10px calc(8px + env(safe-area-inset-bottom));overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;background:#fbfcfff5;border-top:1px solid #3f4c6b2e;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -10px 26px #151f3029}.mobile-bottom-toolbar button,.mobile-action-grid button,.mobile-action-row button{text-align:center;border-radius:8px;align-content:center;justify-items:center;min-height:48px;padding:6px 8px;display:grid;position:relative}.mobile-bottom-toolbar button{scroll-snap-align:start;background:0 0;border-color:#0000;flex:0 0 64px;min-width:64px}.mobile-bottom-toolbar button.active,.mobile-action-grid button.active,.mobile-action-row button.active{color:#fff;background:#17233f;border-color:#17233f}.mobile-bottom-toolbar span,.mobile-action-grid span:not(.tool-tip),.mobile-action-row span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:650;line-height:1.15;overflow:hidden}.mobile-bottom-toolbar .tool-tip,.mobile-action-grid .tool-tip{max-width:130px;font-size:11px;bottom:calc(100% + 7px)}.mobile-bottom-toolbar svg,.mobile-action-grid svg,.mobile-action-row svg{width:18px;height:18px}.mobile-context-toolbar{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:38;-webkit-overflow-scrolling:touch;background:#fffffff7;border:1px solid #3f4c6b2e;border-radius:8px;gap:6px;padding:7px;display:flex;position:fixed;overflow-x:auto;box-shadow:0 14px 34px #151f3033}.mobile-context-toolbar button{color:#172033;background:#f6f8fb;border-color:#d8e0eb;border-radius:8px;grid-auto-flow:column;align-items:center;gap:6px;min-width:max-content;min-height:38px;padding:0 10px;font-size:12px;font-weight:700;display:inline-grid}.mobile-context-toolbar button.danger{color:#b91c1c;background:#fff5f5;border-color:#b91c1c47}.mobile-fab{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:37;color:#fff;background:#2f7468;border:0;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .16s,background .16s;display:grid;position:fixed;box-shadow:0 14px 30px #151f3042}.mobile-fab.active{background:#17233f;transform:rotate(45deg)}.mobile-fab-menu{right:16px;bottom:calc(148px + env(safe-area-inset-bottom));z-index:37;gap:7px;display:grid;position:fixed}.mobile-fab-menu button{color:#172033;background:#fffffffa;border-color:#d8e0eb;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-width:132px;min-height:40px;padding:0 12px;font-size:13px;font-weight:750;display:inline-grid;box-shadow:0 10px 24px #151f302e}.mobile-sheet-backdrop{z-index:60;overscroll-behavior:contain;background:#0f172a2e;align-items:end;display:grid;position:fixed;inset:0}.mobile-sheet{min-height:min(30dvh,280px);max-height:min(42dvh,420px);padding:10px 14px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:8px 8px 0 0;gap:14px;animation:.16s ease-out mobileSheetIn;display:grid;overflow-y:auto;box-shadow:0 -18px 48px #0f172a3d}.mobile-sheet:focus-within{max-height:min(72dvh,680px);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.mobile-sheet-handle{background:var(--line);border-radius:999px;justify-self:center;width:44px;height:4px}.mobile-sheet-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.mobile-sheet-header div{gap:2px;min-width:0;display:grid}.mobile-sheet-header strong,.mobile-sheet-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-sheet-header strong{font-size:16px;font-weight:750}.mobile-sheet-header span{color:var(--muted);font-size:12px}.mobile-sheet-header button{border-radius:8px;place-items:center;width:44px;height:44px;font-weight:750;display:grid}.mobile-sheet-section{gap:10px;display:grid}.mobile-sheet-section h2{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:750}.mobile-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-action-row{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-action-row button{flex:0 0 92px}.mobile-search-box,.mobile-zoom-row{margin-top:0}.mobile-library{max-height:220px;overflow-y:auto}.mobile-sheet .inspector-form{grid-template-columns:1fr}.mobile-sheet .inspector-form input,.mobile-sheet .inspector-form select,.mobile-sheet .inspector-form textarea,.mobile-sheet .professional-export-grid input,.mobile-sheet .professional-export-grid select,.mobile-sheet .professional-export-grid textarea,.mobile-search-box input,.mobile-zoom-row input[type=range],.mobile-zoom-row button,.pen-settings input[type=range],.pen-settings input,.pen-settings button,.table-settings input,.table-settings select,.chart-data-row input,.chart-data-actions button{min-height:44px;font-size:16px}.mobile-zoom-row input[type=range],.pen-settings input[type=range],.inspector-form input[type=range]{height:44px}.mobile-sheet .inspector-form input[type=checkbox]{justify-self:start;min-width:24px;min-height:24px}.mobile-sheet .professional-export-panel{border-top:1px solid var(--line)}.mobile-sheet .professional-export-grid{grid-template-columns:1fr}.mobile-sheet .professional-export-grid .wide{grid-column:auto}.mobile-sheet .inspector-form input[type=color],.pen-settings input[type=color]{width:48px;min-height:44px}.grouped-text-editor{grid-template-columns:1fr}.chart-data-row{grid-template-columns:24px minmax(0,1fr)}.mobile-sheet .table-cell-controls{max-height:none;padding:10px;overflow:visible}.mobile-sheet .table-cell-editor{grid-template-columns:1fr;gap:8px}.mobile-sheet .table-cell-editor textarea,.mobile-sheet .table-cell-editor select,.mobile-sheet .table-cell-editor span{grid-column:auto}.chart-data-row input[type=number],.chart-data-row input[type=color],.chart-data-actions{grid-column:2}.edit-overlay,.signature-overlay{min-width:24px;min-height:24px}.resize-handle{border-width:2px;width:32px;min-width:32px;height:32px;min-height:32px}.resize-handle.n{top:-18px;left:calc(50% - 16px)}.resize-handle.s{bottom:-18px;left:calc(50% - 16px)}.resize-handle.e{top:calc(50% - 16px);right:-18px}.resize-handle.w{top:calc(50% - 16px);left:-18px}.resize-handle.ne{top:-18px;right:-18px}.resize-handle.nw{top:-18px;left:-18px}.resize-handle.se{bottom:-18px;right:-18px}.resize-handle.sw{bottom:-18px;left:-18px}.rotate-handle{width:32px;min-width:32px;height:32px;min-height:32px;top:-54px;left:calc(50% - 16px)}.rotate-handle:after{height:20px;top:28px;left:14px}.page-management-row{-webkit-overflow-scrolling:touch;justify-content:flex-start;max-width:100%;padding-bottom:2px;overflow-x:auto}.page-management-row span,.page-management-row button{flex:none;min-height:38px}.option-row,.option-add-row{grid-template-columns:1fr}.form-field-overlay{min-width:28px;min-height:28px;padding:4px 7px;font-size:max(12px,1em)}.form-field-overlay.checkbox input{width:min(26px,100%);height:min(26px,100%)}.modal-backdrop{align-items:end;padding:12px}.signature-modal,.payment-modal{width:100%;max-height:min(88dvh,720px);overflow-y:auto}.payment-actions{grid-template-columns:1fr;display:grid}.payment-actions button{width:100%;min-height:46px}.admin-page-header{flex-direction:column;align-items:stretch}.admin-tabs,.admin-filter-row{grid-template-columns:1fr;display:grid}.admin-inline-actions{justify-content:stretch}.admin-inline-actions button{width:100%}.admin-row,.admin-grid-header,.admin-payment-row,.admin-sales-row,.admin-pagination{grid-template-columns:1fr}.admin-pagination span{text-align:left}.signature-actions,.signature-secondary-actions{flex-direction:column;align-items:stretch}.signature-weight{grid-template-columns:18px auto 1fr 28px}.signature-actions button,.signature-secondary-actions button,.primary-action.inline{width:100%}}@media (max-width:430px){.topbar{padding:8px 10px}.brand{max-width:calc(100% - 144px)}.mobile-header-actions{gap:6px}.mobile-header-actions button{width:44px;height:44px}.viewer-shell{padding:8px 8px calc(110px + env(safe-area-inset-bottom))}.mobile-bottom-toolbar{padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:5px}.mobile-bottom-toolbar button{flex-basis:58px;min-width:58px;min-height:48px;padding:5px 2px}.mobile-bottom-toolbar svg,.mobile-action-grid svg,.mobile-action-row svg{width:17px;height:17px}.mobile-context-toolbar{left:8px;right:8px}.mobile-fab,.mobile-fab-menu{right:12px}.mobile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-sheet{padding-inline:10px}.signature-weight{grid-template-columns:18px minmax(48px,auto) minmax(0,1fr) 28px}}@media (max-width:360px){.brand-logo.compact .brand-logo-mark{width:30px;height:30px}.brand strong{font-size:13px}.brand span{font-size:11px}.mobile-bottom-toolbar{gap:4px}.mobile-bottom-toolbar button{flex-basis:54px;min-width:54px;min-height:46px}.mobile-action-grid span:not(.tool-tip){font-size:10px}}.tl-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a12239e;justify-content:center;align-items:center;padding:16px;animation:.16s tl-fade-in;display:flex;position:fixed;inset:0}@keyframes tl-fade-in{0%{opacity:0}to{opacity:1}}.tl-modal{background:var(--panel,#fffaf0);border:1px solid var(--line,#d7bf8d);border-radius:16px;flex-direction:column;width:min(1140px,100vw - 32px);height:min(780px,100vh - 32px);animation:.2s cubic-bezier(.22,1,.36,1) tl-slide-in;display:flex;overflow:hidden;box-shadow:0 32px 80px #0a122347}@keyframes tl-slide-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.tl-header{border-bottom:1px solid var(--line,#d7bf8d);background:var(--panel-2,#f7eddc);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.tl-header-left{align-items:center;gap:10px;display:flex}.tl-header-icon{color:var(--accent,#b9822a);flex-shrink:0}.tl-title{color:var(--text,#172033);margin:0;font-size:16px;font-weight:750}.tl-count{color:var(--muted,#6f6252);background:var(--line,#d7bf8d);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.tl-header-right{align-items:center;gap:10px;display:flex}.tl-sort-select{border:1px solid var(--line,#d7bf8d);background:var(--panel,#fffaf0);color:var(--text,#172033);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:12px;font-weight:600}.tl-sort-select:focus{border-color:var(--accent,#b9822a);box-shadow:0 0 0 2px #b9822a2e}.tl-search{align-items:center;gap:0;display:flex;position:relative}.tl-search-icon{color:var(--muted,#6f6252);pointer-events:none;position:absolute;left:10px}.tl-search-input{border:1px solid var(--line,#d7bf8d);background:var(--panel,#fffaf0);color:var(--text,#172033);border-radius:8px;outline:none;width:220px;padding:7px 32px;font-size:13px;transition:border-color .12s,box-shadow .12s}.tl-search-input::placeholder{color:var(--muted,#6f6252)}.tl-search-input:focus{border-color:var(--accent,#b9822a);box-shadow:0 0 0 2px #b9822a2e}.tl-search-clear{cursor:pointer;color:var(--muted,#6f6252);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .1s;display:flex;position:absolute;right:8px}.tl-search-clear:hover{color:var(--text,#172033)}.tl-close-btn{cursor:pointer;color:var(--muted,#6f6252);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:background .12s,color .12s;display:flex}.tl-close-btn:hover{background:var(--line,#d7bf8d);color:var(--text,#172033)}.tl-body{flex:1;min-height:0;display:flex;overflow:hidden}.tl-sidebar{border-right:1px solid var(--line,#d7bf8d);background:var(--panel-2,#f7eddc);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:12px 8px;display:flex;overflow-y:auto}.tl-sidebar-group{flex-direction:column;gap:1px;display:flex}.tl-sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#6f6252);padding:6px 10px 3px;font-size:10px;font-weight:750}.tl-sidebar-divider{background:var(--line,#d7bf8d);height:1px;margin:6px 4px}.tl-sidebar-item{width:100%;color:var(--text,#172033);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:600;transition:background .1s,color .1s;display:flex}.tl-sidebar-item:hover{background:var(--line,#d7bf8d)}.tl-sidebar-item.active{background:var(--accent-soft,#f3e0b8);color:var(--accent,#b9822a)}.tl-sidebar-icon{flex-shrink:0;align-items:center;width:18px;font-size:14px;display:flex}.tl-sidebar-count{color:var(--muted,#6f6252);background:var(--line,#d7bf8d);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.tl-main{flex-direction:column;flex:1;gap:20px;padding:16px 20px;display:flex;overflow-y:auto}.tl-blank-cta{background:var(--accent-soft,#f3e0b8);border:1.5px dashed var(--accent,#b9822a);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:background .12s,border-color .12s;display:flex}.tl-blank-cta:hover{background:var(--line,#d7bf8d);border-color:var(--accent-strong,#17233f)}.tl-blank-cta-icon{font-size:28px}.tl-blank-cta strong{color:var(--text,#172033);font-size:14px;font-weight:750;display:block}.tl-blank-cta small{color:var(--muted,#6f6252);margin-top:2px;font-size:12px;display:block}.tl-blank-cta-arrow{color:var(--muted,#6f6252);flex-shrink:0;margin-left:auto}.tl-results-header{color:var(--muted,#6f6252);font-size:13px;font-weight:500}.tl-results-header strong{color:var(--text,#172033)}.tl-category-title{color:var(--text,#172033);align-items:center;gap:8px;font-size:15px;font-weight:750;display:flex}.tl-empty{color:var(--muted,#6f6252);text-align:center;padding:40px 0;font-size:14px}.tl-link{color:var(--accent,#b9822a);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.tl-group{flex-direction:column;gap:12px;display:flex}.tl-group-header{cursor:pointer;text-align:left;width:100%;color:var(--text,#172033);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:background .1s;display:flex}.tl-group-header:hover{background:var(--line,#d7bf8d)}.tl-group-icon{font-size:18px}.tl-group-name{color:var(--text,#172033);font-size:14px;font-weight:750}.tl-group-desc{color:var(--muted,#6f6252);font-size:12px;display:none}@media (min-width:900px){.tl-group-desc{display:block}}.tl-group-count{color:var(--muted,#6f6252);background:var(--line,#d7bf8d);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.tl-group-chevron{color:var(--muted,#6f6252);flex-shrink:0}.tl-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.tl-card{border:1px solid var(--line,#d7bf8d);background:var(--panel,#fffaf0);border-radius:12px;flex-direction:column;transition:box-shadow .16s,transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.tl-card--hovered,.tl-card:hover{border-color:var(--accent,#b9822a);transform:translateY(-2px);box-shadow:0 8px 24px #0a122324}.tl-thumb{flex-shrink:0;justify-content:center;align-items:center;height:110px;display:flex;position:relative;overflow:hidden}.tl-thumb-emoji{-webkit-user-select:none;user-select:none;font-size:44px;line-height:1;transition:transform .2s}.tl-card:hover .tl-thumb-emoji{transform:scale(.85)}.tl-thumb-meta{gap:3px;display:flex;position:absolute;bottom:6px;right:6px}.tl-thumb-tag{background:#fffc;border-radius:4px;padding:1px 3px;font-size:11px;line-height:1.2}.tl-thumb-overlay{opacity:0;background:#0a12238c;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;inset:0}.tl-card:hover .tl-thumb-overlay{opacity:1}.tl-use-btn{color:#fff;background:var(--accent,#b9822a);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:750;transition:background .1s,transform .1s}.tl-use-btn:hover{background:var(--accent-strong,#17233f);transform:scale(1.04)}.tl-card-body{flex-direction:column;flex:1;gap:5px;padding:10px 12px 12px;display:flex}.tl-card-top{flex-direction:column;gap:4px;display:flex}.tl-card-name-row{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.tl-card-name{color:var(--text,#172033);flex:1;font-size:13px;font-weight:750;line-height:1.3}.tl-star-btn{cursor:pointer;color:var(--muted,#6f6252);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .1s;display:flex}.tl-star-btn:hover,.tl-star-btn--active{color:#f59e0b}.tl-star-btn--active svg{fill:#f59e0b}.tl-card-badges{flex-wrap:wrap;gap:4px;display:flex}.tl-badge{letter-spacing:.02em;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:750}.tl-badge--popular{color:#92400e;background:#fef3c7}.tl-badge--new{color:#15803d;background:#dcfce7}.tl-badge--recommended{color:#1d4ed8;background:#dbeafe}.tl-badge--premium{color:#7c3aed;background:#f5f3ff}.tl-card-desc{color:var(--muted,#6f6252);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.tl-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.tl-card-pages{color:var(--muted,#6f6252);font-size:10px;font-weight:600}.tl-card-premium{color:#7c3aed;background:#f5f3ff;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:750}.website-left-menu-toggle--library{background:var(--accent-soft,#f3e0b8);color:var(--accent,#b9822a);font-weight:750}.website-left-menu-toggle--library:hover{background:var(--line,#d7bf8d)}@media (max-width:700px){.tl-modal{border:none;border-radius:0;width:100vw;height:100dvh}.tl-overlay{padding:0}.tl-sidebar{display:none}.tl-search-input{width:160px}.tl-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tl-thumb{height:90px}}