@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{--color-ink:#162d35;--color-ink-soft:#2f4851;--color-muted:#526b73;--color-surface:#f8f5ea;--color-canvas:#e8eee9;--color-line:#bfd0c7;--color-primary:#006b6c;--color-primary-strong:#004f51;--color-accent:#d5b86d;--color-danger:#a83d2c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--shadow-raised:0 10px 25px rgba(22,45,53,.12)}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);font-family:Manrope,system-ui,sans-serif}body{margin:0;background:var(--color-canvas)}button,input,select,textarea{font:inherit}button:not(:disabled),a[href],select,input[type=checkbox],input[type=radio]{min-height:36px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-main{background:var(--color-canvas)}.sidebar-nav-group{display:grid;gap:3px;margin:0 0 var(--space-3)}.sidebar-nav-label{margin:12px 10px 5px;color:var(--color-muted);font:500 10px/1.2 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.resp-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.bottom-nav{position:fixed;z-index:100;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:space-around;background:var(--color-surface);border-top:1px solid var(--color-line);padding:4px max(4px,env(safe-area-inset-left)) calc(4px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px #162d3514}.bottom-nav-item{flex:1;min-width:0;min-height:56px;text-decoration:none;color:var(--color-muted);display:grid;place-items:center;gap:2px;padding:5px 3px;font-size:10px;font-weight:700;border-radius:var(--radius-sm)}.bottom-nav-item svg{width:19px;height:19px}.bottom-nav-item.active{color:var(--color-primary);background:#dce9e3}.bottom-nav-more{border:0;background:transparent;cursor:pointer}.mobile-nav-backdrop{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;background:#162d3557}.mobile-nav-drawer{position:fixed;z-index:121;left:0;right:0;bottom:0;max-height:78dvh;overflow:auto;background:var(--color-surface);border-radius:16px 16px 0 0;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));box-shadow:var(--shadow-raised)}.mobile-nav-drawer header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-line);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.mobile-nav-drawer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.mobile-nav-drawer a,.mobile-nav-drawer button{min-height:46px;display:flex;align-items:center;gap:8px;padding:10px;text-decoration:none;color:var(--color-ink);background:#edf2ed;border:1px solid var(--color-line);border-radius:var(--radius-sm);font-size:13px;text-align:left}.mobile-nav-drawer .drawer-logout{grid-column:1/-1;color:var(--color-danger);background:#f8e6df}@media (max-width:767px){.resp-table table{min-width:640px}.toolbar>*{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.studio{--studio-ink:#172f35;--studio-paper:#f7f3e8;--studio-teal:#006d70;--studio-coral:#df7058;--studio-line:#d7d4c7;color:var(--studio-ink);font-family:Manrope,sans-serif;max-width:1180px;padding-bottom:48px}.studio *{box-sizing:border-box}.studio-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 24px}.studio-kicker{color:var(--studio-coral);font:500 11px DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.studio h1{font:700 clamp(28px,4vw,46px)/1 "Fraunces",serif;letter-spacing:-.04em;margin:0}.studio-lede{color:#617378;margin:10px 0 0;max-width:620px;font-size:14px}.studio-tabs{display:flex;gap:5px;background:#e3e7de;border-radius:10px;padding:4px}.studio-tab{border:0;border-radius:7px;background:transparent;color:#52676a;padding:9px 14px;cursor:pointer;font-weight:700;font-size:13px}.studio-tab.active{background:var(--studio-paper);color:var(--studio-teal);box-shadow:0 2px 8px #25434a18}.studio-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.6fr);gap:16px;align-items:start}.studio-card{background:var(--studio-paper);border:1px solid var(--studio-line);border-radius:14px;padding:18px;box-shadow:0 8px 24px #2d4b4510}.studio-card h2{font:700 20px Fraunces,serif;margin:0 0 5px}.studio-card h3{font-size:13px;margin:0 0 12px}.studio-muted{color:#677a7b;font-size:13px}.studio-label{display:block;color:#516568;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 7px}.studio-input,.studio-select,.studio-textarea{width:100%;border:1px solid #c5cec4;border-radius:8px;background:#fbfaf4;color:var(--studio-ink);padding:11px 12px;min-height:42px}.studio-textarea{resize:vertical;line-height:1.55}.studio-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.studio-products{display:grid;gap:7px;max-height:420px;overflow:auto;padding-right:2px}.studio-product{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border:1px solid transparent;background:transparent;border-radius:9px;padding:8px;cursor:pointer;color:inherit}.studio-product:hover{background:#e9eee5}.studio-product.selected{border-color:var(--studio-teal);background:#e0eeea}.studio-product img,.studio-thumb{width:45px;height:45px;object-fit:cover;border-radius:7px;background:#dfe7de;flex:none}.studio-product strong{font-size:13px;display:block}.studio-product small{display:block;color:#708083;font-size:11px;margin-top:3px}.studio-btn{border:0;border-radius:8px;min-height:42px;padding:10px 15px;font-weight:800;cursor:pointer;transition:transform .15s,opacity .15s}.studio-btn:hover:not(:disabled){transform:translateY(-1px)}.studio-btn:disabled{opacity:.48}.studio-primary{background:var(--studio-teal);color:#f8f5e9}.studio-secondary{background:#dfe8df;color:#24535a}.studio-coral{background:var(--studio-coral);color:#fff}.studio-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.studio-status{padding:10px 12px;border-radius:8px;font-size:13px;margin:12px 0}.studio-error{background:#f8e5dd;color:#963d2c;border:1px solid #e6b7a9}.studio-success{background:#dfefe5;color:#1e624d}.studio-draft{display:grid;gap:15px}.studio-draft-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--studio-line);padding-bottom:13px}.studio-chip{font:500 11px DM Mono,monospace;background:#dce8df;color:#276267;padding:6px 8px;border-radius:99px}.studio-preview{border:1px solid #d5d8ce;border-radius:10px;background:#fffdf7;padding:22px;min-height:170px}.studio-preview h1{font:700 27px Fraunces,serif;line-height:1.1;margin:0 0 7px}.studio-preview h2{font:700 16px Manrope,sans-serif;margin:0 0 12px;color:#466166}.studio-preview p{line-height:1.65}.studio-preview img{max-width:100%;height:auto;border-radius:7px}.studio-warning{font-size:12px;color:#8a4b2c;background:#fbede2;border-left:3px solid var(--studio-coral);padding:9px 11px}.studio-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#52676a}.studio-check input{accent-color:var(--studio-teal);min-height:16px}.studio-lang-row{display:flex;gap:7px;flex-wrap:wrap}.studio-lang{border:1px solid #c4d0c5;border-radius:7px;background:#fbfaf4;color:#416368;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:700}.studio-lang.active{background:var(--studio-teal);color:#fff;border-color:var(--studio-teal)}.studio-translate-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-copy{border:1px solid #c5cec4;background:#fbfaf4;border-radius:8px;padding:14px;min-height:270px;white-space:pre-wrap;line-height:1.6;font-size:14px;overflow:auto}.studio-skeleton{height:12px;background:#e1e5dc;border-radius:6px;animation:studio-pulse 1.1s ease-in-out infinite}.studio-skeleton+.studio-skeleton{margin-top:9px;width:80%}@keyframes studio-pulse{50%{opacity:.45}}@media (max-width:767px){.studio-top{display:block}.studio-tabs{margin-top:18px}.studio-grid,.studio-translate-grid{grid-template-columns:1fr}.studio-card{padding:14px}.studio-products{max-height:250px}.studio-preview{padding:16px}}.studio-media-builder{margin-top:18px;padding:14px;border:1px solid #c8d4ca;border-radius:10px;background:#edf2ea}.studio-media-builder>div:first-child strong{font-size:13px;color:#254f54}.studio-media-builder>div:first-child p{margin:5px 0 0;line-height:1.45}.studio-media-builder .studio-action-row{align-items:center;margin-top:12px}.studio-media-builder .studio-select{width:auto;min-width:126px;background:#fffdf7}.studio-media-review{display:grid;gap:10px;margin-top:13px}.studio-media-review video,.studio-preview video{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:9px;background:#142f34}@media (max-width:767px){.studio-media-builder .studio-action-row>*{width:100%}.studio-media-builder .studio-select{width:100%}}