:root{--navy:#0a2e6e;--navy2:#071d3e;--orange:#f58220;--red:#e53935;--bg:#f3f6fb;--ink:#17243a;--muted:#64748b;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,var(--navy2),#0a2e6e);color:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:28px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;padding:0 10px}.brand span{background:var(--orange);color:#111;padding:2px 5px;border-radius:5px}.brand small{display:block;font-size:11px;letter-spacing:.2px;font-weight:500;margin-top:7px;color:#cbd5e1}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#dce7f8;text-decoration:none;padding:12px;border-radius:9px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#1554a8;color:#fff}.sidebar-note{margin-top:auto;color:#aabbd3;font-size:11px;padding:10px}.main{padding:28px clamp(18px,3vw,42px);min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:23px;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}.topbar h1{font-size:30px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--navy);font-weight:800;margin-bottom:5px}.muted{color:var(--muted);font-size:13px;margin-bottom:0}.status-pill,.soft-tag{font-size:10px;letter-spacing:.5px;font-weight:800;background:#e8f1ff;color:#1656a8;padding:8px 10px;border-radius:20px;white-space:nowrap}.welcome{margin:24px 0;background:linear-gradient(110deg,#0a2e6e,#1355a0);color:#fff;border-radius:16px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 12px 28px #0a2e6e18}.welcome h2{font-size:23px;margin-bottom:8px}.welcome p{font-size:13px;color:#dce8fb;margin-bottom:0}.welcome-icon{font-size:25px;font-weight:900;border:2px solid #ffffff70;border-radius:12px;padding:16px;color:var(--orange)}.section{margin:30px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-heading h2{font-size:19px;margin-bottom:5px}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.category{border:1px solid var(--line);background:#fff;color:#475569;border-radius:8px;padding:9px 13px;font-size:12px;cursor:pointer}.category.active{background:#0d63df;color:#fff;border-color:#0d63df}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;min-width:0;box-shadow:0 3px 12px #14213d05}.template-card h3{font-size:13px;margin:10px 2px 4px}.template-card p{font-size:11px;color:var(--muted);margin:0 2px 3px}.template-art{aspect-ratio:16/9;border-radius:8px;overflow:hidden;padding:12px;display:flex;flex-direction:column;justify-content:center;position:relative;color:#fff;text-shadow:0 2px 4px #0008}.template-art span{font-size:9px;font-weight:900;letter-spacing:1px}.template-art strong{font-size:clamp(14px,1.5vw,22px);line-height:.98;font-weight:950;margin:8px 0}.template-art b{font-size:11px;background:var(--orange);color:#171717;text-shadow:none;align-self:flex-start;padding:5px 7px;border-radius:3px}.burger{background:radial-gradient(circle at 80% 52%,#d8a34a 0 13%,#603419 14% 24%,transparent 25%),linear-gradient(125deg,#17110c,#783a10 55%,#17110c)}.pizza{background:radial-gradient(circle at 80% 45%,#eab75c 0 18%,#b92716 19% 23%,transparent 24%),linear-gradient(125deg,#1c0d0b,#a51e14)}.menu{background:linear-gradient(120deg,#14291b,#587b37)}.drinks{background:linear-gradient(120deg,#064b36,#19a36b)}.dessert{background:linear-gradient(120deg,#401a21,#a63d42)}.breakfast{background:linear-gradient(120deg,#533019,#d08b3b)}.preview-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:16px}.preview-ad{min-height:300px;aspect-ratio:16/9;border-radius:13px;background:linear-gradient(120deg,#06152b,#0a2e6e 68%,#162c3c);color:#fff;padding:clamp(18px,3vw,34px);display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden;position:relative}.preview-copy{position:relative;z-index:1;max-width:66%}.preview-label{font-size:10px;letter-spacing:1px;font-weight:900;color:#ffb45f}.preview-copy h2{font-size:clamp(22px,3.1vw,44px);line-height:.95;margin:12px 0;font-weight:950;overflow-wrap:anywhere}.preview-copy p{font-size:clamp(10px,1.2vw,15px);color:#e2e8f0}.preview-copy>strong{display:block;background:#e53935;color:#fff;font-size:clamp(19px,2.3vw,32px);padding:7px 11px;border-radius:6px;width:max-content;max-width:100%;margin:14px 0}.preview-cta{display:inline-block;background:var(--orange);color:#171717;font-size:11px;font-weight:900;padding:9px 11px;border-radius:5px}.food-illustration{font-size:clamp(75px,12vw,155px);filter:drop-shadow(0 15px 14px #0006);transform:rotate(-8deg)}.quick-editor{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.quick-editor h3{font-size:15px;margin-bottom:5px}.quick-editor label{font-size:11px;font-weight:700;color:#475569;margin-top:4px}.quick-editor input,.quick-editor select{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:10px;font-size:12px;background:#fff;color:var(--ink)}.primary-button{border:0;background:#0d63df;color:white;padding:12px;border-radius:8px;font-weight:800;font-size:12px;cursor:pointer;margin-top:8px}.primary-button:hover{background:#084fae}.tiny-note{font-size:10px;color:var(--muted);line-height:1.5;margin:4px 0 0}.coming-soon{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px}.coming-soon h2{font-size:16px;margin-bottom:5px}.coming-soon p{font-size:12px;color:var(--muted);margin:0}.coming-icon{font-size:25px;color:var(--navy)}.coming-soon .soft-tag{margin-left:auto}footer{font-size:11px;color:#94a3b8;padding:20px 0 5px;border-top:1px solid var(--line)}@media(max-width:1050px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-layout{grid-template-columns:1fr}.preview-ad{min-height:260px}}@media(max-width:700px){.app-shell{display:block}.sidebar{padding:14px;gap:14px}.brand{font-size:21px}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.sidebar nav a{white-space:nowrap;padding:9px;font-size:11px}.sidebar-note{display:none}.main{padding:18px 14px}.topbar{align-items:flex-start}.topbar h1{font-size:24px}.status-pill{font-size:8px}.welcome{padding:18px}.welcome h2{font-size:19px}.welcome-icon{display:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-card{padding:7px}.template-art{padding:8px}.preview-ad{min-height:230px;padding:17px}.preview-copy{max-width:70%}.food-illustration{font-size:70px}.coming-soon{align-items:flex-start;flex-wrap:wrap}.coming-soon .soft-tag{margin-left:0}}

/* V2: gastronomic typography, uploads and intervals */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
body{font-family:'DM Sans',Inter,ui-sans-serif,system-ui,sans-serif}
h1,h2,.brand,.preview-copy h2{letter-spacing:-.5px}
.welcome h2,.section-heading h2{font-family:'Playfair Display',Georgia,serif}
.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:16px}
.upload-drop{min-height:220px;border:2px dashed #a8b9d2;border-radius:14px;background:linear-gradient(135deg,#fff,#f0f5fc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;cursor:pointer;transition:.2s}
.upload-drop:hover{border-color:#0d63df;background:#edf5ff}
.upload-drop strong{font-family:'Playfair Display',Georgia,serif;font-size:21px}
.upload-drop>span:not(.upload-icon):not(.upload-cta){font-size:12px;color:#64748b}
.upload-icon{font-size:30px;font-weight:800;color:#0d63df;background:#dbeafe;width:52px;height:52px;display:grid;place-items:center;border-radius:15px}
.upload-cta{background:#0d63df;color:#fff;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:800}
.upload-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.upload-info{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.upload-info h3,.interval-card label{font-family:'Playfair Display',Georgia,serif;font-size:17px}
.upload-info p,.upload-info li{font-size:12px;line-height:1.7;color:#64748b}
.upload-info ul{padding-left:18px}
.file-list{display:grid;gap:8px;margin-top:14px}
.file-item{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:9px;font-size:12px;overflow-wrap:anywhere}
.file-badge{background:#e0ecff;color:#174ea6;font-weight:800;padding:5px 7px;border-radius:5px;flex-shrink:0}
.interval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.interval-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.interval-card label{font-size:15px}
.interval-card input[type=range]{width:100%;accent-color:#0d63df}
.interval-card select{border:1px solid #cbd5e1;border-radius:8px;padding:11px;background:#fff}
.interval-value{display:flex;flex-direction:column;gap:3px}
.interval-value strong{font-size:24px;color:#0a2e6e}
.interval-value span,.range-labels{font-size:11px;color:#64748b}
.range-labels{display:flex;justify-content:space-between}
.prototype-warning{font-size:11px;color:#92400e;background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:8px;margin-top:12px}
.preview-ad{font-family:'DM Sans',sans-serif}
.preview-copy h2{font-family:'Playfair Display',Georgia,serif}
@media(max-width:900px){.upload-layout,.interval-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.upload-layout,.interval-grid{grid-template-columns:1fr}.upload-drop{min-height:190px}.interval-card{padding:15px}.upload-info{padding:16px}}

/* V3 camera-first workflow and food photography filters */
.capture-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.capture-actions{display:grid;gap:10px}
.capture-actions input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.capture-button{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:linear-gradient(145deg,#0a2e6e,#1554a8);color:#fff;border-radius:14px;padding:23px 16px;cursor:pointer;min-height:180px;justify-content:center;box-shadow:0 10px 24px #0a2e6e20}
.capture-button .capture-symbol{font-size:36px;color:#ffb15e;border:2px solid #ffffff80;width:64px;height:64px;border-radius:50%;display:grid;place-items:center}
.capture-button strong{font-family:'Playfair Display',Georgia,serif;font-size:17px}
.capture-button small{font-size:11px;line-height:1.5;color:#dbeafe}
.capture-secondary,.secondary-button{border:1px solid #cbd5e1;background:#fff;color:#0a2e6e;padding:12px 14px;border-radius:9px;text-align:center;font-size:12px;font-weight:800;cursor:pointer}
.capture-hint{font-size:11px;line-height:1.55;color:#64748b;background:#fff;border:1px solid var(--line);padding:12px;border-radius:9px}
.photo-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:14px;min-width:0}
.photo-preview-wrap{position:relative;background:#101827;border-radius:14px;min-height:340px;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}
.photo-preview-wrap img{width:100%;height:100%;object-fit:contain;transition:filter .18s ease}
.photo-placeholder{padding:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}
.photo-placeholder strong{font-family:'Playfair Display',Georgia,serif;font-size:18px}
.photo-placeholder small{color:#cbd5e1;font-size:11px;line-height:1.5}
.placeholder-camera{font-size:42px;color:#ff9f43}
.photo-preview-label{position:absolute;top:12px;left:12px;background:#0a2e6edb;color:#fff;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:900;letter-spacing:.8px}
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.filter-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px;font-size:13px}
.filter-heading strong{font-family:'Playfair Display',Georgia,serif;font-size:17px}
.filter-heading span{font-size:10px;color:#64748b}
.filter-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.filter-chip{display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:8px 3px;font-size:10px;color:#475569;cursor:pointer}
.filter-chip.active{border-color:#0d63df;background:#eff6ff;color:#0a2e6e;box-shadow:0 0 0 1px #0d63df inset}
.filter-swatch{width:34px;height:34px;border-radius:7px;background:linear-gradient(135deg,#f6c46d,#a44316 55%,#4a2114)}
.swatch-original{filter:none}.swatch-food{filter:saturate(1.25) contrast(1.08) sepia(.08)}.swatch-vivid{filter:saturate(1.6) contrast(1.12)}.swatch-warm{filter:sepia(.22) saturate(1.25)}.swatch-bright{filter:brightness(1.2) saturate(1.12)}.swatch-dramatic{filter:contrast(1.35) saturate(1.2) brightness(.95)}
.filter-sliders{display:grid;gap:5px;margin-top:17px}
.filter-sliders label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;color:#475569;margin-top:6px}
.filter-sliders output{color:#0a2e6e}
.filter-sliders input{width:100%;accent-color:#0d63df}
.photo-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:17px}
.photo-actions .primary-button{margin:0;min-height:42px}
.photo-actions button:disabled{opacity:.45;cursor:not-allowed}
.publish-message{font-size:11px;line-height:1.5;color:#166534;margin-top:8px}
@media(max-width:1050px){.capture-layout{grid-template-columns:1fr}.capture-actions{grid-template-columns:1fr 1fr}.capture-button{grid-row:span 2}.capture-hint{grid-column:2}.photo-workspace{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.capture-actions{grid-template-columns:1fr 1fr}.capture-button{grid-row:auto;min-height:155px;padding:14px 10px}.capture-button strong{font-size:15px}.capture-hint{grid-column:1/-1}.photo-workspace{grid-template-columns:1fr}.photo-preview-wrap{min-height:230px;aspect-ratio:4/3}.filter-panel{padding:14px}.filter-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-actions{grid-template-columns:1fr}.photo-actions button{width:100%}}


/* V4 — interface simplification, mobile-first */
:root{--jantov-blue:#0a2e6e;--jantov-orange:#f58220;--jantov-ink:#15243b;--jantov-muted:#64748b;--jantov-line:#e5eaf2;--jantov-bg:#f5f7fb}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;background:var(--jantov-bg);color:var(--jantov-ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.5}
.app-shell{min-height:100vh}
.main{width:100%;max-width:1600px;margin:0 auto;padding:28px clamp(14px,2.5vw,38px) 42px;min-width:0}
.sidebar{width:220px;flex:0 0 220px;background:linear-gradient(180deg,#082553,#0a2e6e);padding:22px 14px}
.brand{font-size:24px;font-weight:900;letter-spacing:-1px}
.brand span{background:var(--jantov-orange);color:#fff;padding:2px 5px;border-radius:5px}
.brand small{display:block;font-size:10px;letter-spacing:0;font-weight:500;margin-top:5px;color:#d7e4fb}
.sidebar nav{display:grid;gap:6px;margin-top:26px}
.sidebar nav a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:9px;font-size:12px;font-weight:700;color:#e4edfc;text-decoration:none}
.sidebar nav a:hover,.sidebar nav a.active{background:#1b5db1;color:#fff}
.sidebar-note{font-size:10px;color:#a9c3e7}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid var(--jantov-line)}
.topbar h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(25px,3vw,34px);line-height:1.1;margin:5px 0 7px;font-weight:800;letter-spacing:-1.2px}
.eyebrow,.quick-kicker{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#1859a8}
.muted{color:var(--jantov-muted);font-size:13px}
.status-pill,.soft-tag{background:#e7f0ff;color:#1653a4;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;white-space:nowrap}
.quick-start{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.7fr);gap:22px;align-items:center;background:#fff;border:1px solid var(--jantov-line);border-radius:18px;padding:22px;margin-bottom:22px;box-shadow:0 8px 25px #102d5310}
.quick-start h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,2.5vw,30px);line-height:1.12;margin:8px 0}
.quick-start p{margin:0;color:var(--jantov-muted);font-size:13px}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quick-action{display:grid;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:9px;text-decoration:none;color:var(--jantov-ink);border:1px solid var(--jantov-line);border-radius:12px;padding:14px 10px;background:#fff;min-width:0;transition:transform .15s,border-color .15s}
.quick-action:hover{transform:translateY(-2px);border-color:#9bb9e7}
.quick-action-primary{background:#0a2e6e;color:#fff;border-color:#0a2e6e}
.quick-action-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:#0a2e6e;font-size:22px;font-weight:800}
.quick-action-primary .quick-action-icon{background:#ffffff20;color:#ffad53}
.quick-action strong,.quick-action small{display:block}
.quick-action strong{font-size:12px;line-height:1.25}
.quick-action small{font-size:10px;line-height:1.4;margin-top:4px;color:#718096}
.quick-action-primary small{color:#dbeafe}
.quick-arrow{font-size:17px;color:#8aa2c2}
.welcome{display:none}
.section{background:transparent;margin:0 0 25px;padding:0;scroll-margin-top:20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 13px}
.section-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:0 0 4px;font-weight:800}
.section-heading p{margin:0}
.category-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}
.category{border:1px solid #dce4ef;border-radius:999px;padding:9px 14px;background:#fff;color:#334155;font-size:12px;font-weight:700;cursor:pointer}
.category.active,.category:hover{background:#0d63df;color:#fff;border-color:#0d63df}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.template-card{border:1px solid var(--jantov-line);border-radius:14px;background:#fff;padding:9px;box-shadow:0 3px 12px #142d4c08;cursor:pointer;min-width:0;transition:transform .15s,box-shadow .15s}
.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #142d4c12}
.template-art{min-height:145px;border-radius:9px;padding:15px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:7px;overflow:hidden}
.template-art strong{font-size:clamp(18px,2vw,25px);line-height:.98;letter-spacing:-.7px}
.template-card h3{font-size:13px;margin:9px 2px 2px}
.template-card p{font-size:11px;margin:0 2px 3px;color:var(--jantov-muted)}
.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.upload-drop{min-height:220px;border:2px dashed #a9bdd8;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:22px;text-align:center;cursor:pointer}
.upload-drop strong{font-size:20px;font-family:'Playfair Display',Georgia,serif}
.upload-drop>span:not(.upload-icon):not(.upload-cta){font-size:12px;color:var(--jantov-muted)}
.upload-icon{width:48px;height:48px;border-radius:14px;background:#e7f0ff;color:#1454a6;display:grid;place-items:center;font-size:27px;font-weight:800}
.upload-cta{display:inline-flex;background:#0d63df;color:#fff;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:800}
.upload-info,.filter-panel,.interval-card{background:#fff;border:1px solid var(--jantov-line);border-radius:15px;padding:19px;min-width:0}
.upload-info h3{margin:0 0 7px;font-size:18px}
.upload-info p,.upload-info li{font-size:12px;line-height:1.6;color:var(--jantov-muted)}
.upload-info ul{padding-left:20px}
.capture-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:start}
.capture-actions{display:grid;gap:10px}
.capture-button{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#0a2e6e,#1858a8);color:#fff;border-radius:15px;padding:18px 13px;cursor:pointer;min-height:170px}
.capture-button .capture-symbol{width:54px;height:54px;border:2px solid #ffffff90;border-radius:50%;display:grid;place-items:center;color:#ffad53;font-size:32px}
.capture-button strong{font-family:'Playfair Display',Georgia,serif;font-size:17px}
.capture-button small{font-size:11px;color:#e2edff;line-height:1.45}
.capture-secondary,.secondary-button{display:block;border:1px solid #d5dfec;background:#fff;color:#0a2e6e;padding:12px;border-radius:9px;text-align:center;font-size:12px;font-weight:800;cursor:pointer}
.capture-hint{background:#fff;border:1px solid var(--jantov-line);border-radius:10px;padding:11px;color:var(--jantov-muted);font-size:11px;line-height:1.5}
.photo-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px;min-width:0}
.photo-preview-wrap{position:relative;min-height:320px;aspect-ratio:4/3;background:#101827;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}
.photo-preview-wrap img{width:100%;height:100%;object-fit:contain}
.photo-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:22px;text-align:center}
.photo-placeholder strong{font-family:'Playfair Display',Georgia,serif;font-size:19px}
.photo-placeholder small{font-size:12px;color:#cbd5e1}
.photo-preview-label{position:absolute;top:12px;left:12px;background:#0a2e6edb;color:#fff;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:900}
.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}
.filter-heading strong{font-family:'Playfair Display',Georgia,serif;font-size:19px}
.filter-heading span{font-size:11px;color:var(--jantov-muted)}
.filter-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.filter-chip{display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid #e0e7f0;background:#fff;border-radius:9px;padding:9px 3px;font-size:11px;color:#475569;cursor:pointer}
.filter-chip.active{border-color:#0d63df;background:#eff6ff;color:#0a2e6e;box-shadow:0 0 0 1px #0d63df inset}
.filter-swatch{width:35px;height:35px;border-radius:8px;background:linear-gradient(135deg,#f6c46d,#a44316 55%,#4a2114)}
.filter-sliders{display:grid;gap:6px;margin-top:17px}
.filter-sliders label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:#475569;margin-top:5px}
.filter-sliders input,.interval-card input[type=range]{width:100%;accent-color:#0d63df}
.photo-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:15px}
.photo-actions button{min-height:43px;border-radius:9px;font-weight:800;font-size:12px}
.photo-actions .primary-button{background:#0d63df;color:#fff;border:0;padding:12px}
.photo-actions .primary-button:disabled{opacity:.45}
.publish-message{font-size:11px;line-height:1.5;color:#166534;margin-top:8px}
.interval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.interval-card{display:flex;flex-direction:column;gap:12px}
.interval-card label{font-size:14px;font-weight:800}
.interval-value strong{font-size:23px;color:#0a2e6e}
.interval-value span,.range-labels,.tiny-note{font-size:11px;color:var(--jantov-muted)}
.interval-card select{border:1px solid #d5dfec;border-radius:9px;padding:12px;background:#fff;width:100%}
.prototype-warning{font-size:12px;color:#854d0e;background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:10px;margin-top:12px}
.section#publicaciones,.section#disenos,.section#pantallas,.section#configuracion{display:none}
@media(max-width:1100px){.quick-start{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-workspace{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .app-shell{display:block!important}
 .sidebar{width:100%;padding:12px 14px;position:relative}
 .brand{font-size:21px}
 .sidebar nav{display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding-bottom:3px}
 .sidebar nav a{flex:0 0 auto;padding:9px 11px;font-size:11px;background:#ffffff12}
 .sidebar-note{display:none}
 .main{padding:17px 13px 30px}
 .topbar{align-items:flex-start;padding-bottom:16px;margin-bottom:14px}
 .topbar h1{font-size:26px}
 .topbar .muted{font-size:12px}
 .status-pill{font-size:9px;padding:6px 8px}
 .quick-start{padding:17px;gap:15px;border-radius:14px}
 .quick-start h2{font-size:24px}
 .quick-actions{grid-template-columns:1fr;gap:8px}
 .quick-action{grid-template-columns:40px minmax(0,1fr) 15px;padding:11px}
 .quick-action strong{font-size:13px}
 .quick-action small{font-size:11px}
 .section-heading{align-items:flex-start}
 .section-heading h2{font-size:20px}
 .section-heading p{font-size:12px}
 .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .template-card{padding:6px;border-radius:11px}
 .template-art{min-height:120px;padding:10px}
 .template-art strong{font-size:17px}
 .template-art b{font-size:10px}
 .template-card h3{font-size:11px}
 .template-card p{font-size:10px}
 .upload-layout,.capture-layout,.photo-workspace,.interval-grid{grid-template-columns:1fr}
 .upload-drop{min-height:185px}
 .upload-info{padding:15px}
 .capture-actions{grid-template-columns:1fr 1fr}
 .capture-button{min-height:150px;padding:13px 8px}
 .capture-button strong{font-size:14px}
 .capture-button small{font-size:10px}
 .capture-hint{grid-column:1/-1}
 .photo-preview-wrap{min-height:230px}
 .filter-panel{padding:14px}
 .filter-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
 .photo-actions{grid-template-columns:1fr}
 .interval-card{padding:15px}
}