.vertical-workspace[data-astro-cid-mdmbe2yr]{flex-direction:column;gap:1.5rem;display:flex}.dropzone-box[data-astro-cid-mdmbe2yr]{border:1px dashed var(--border-strong);border-radius:var(--radius-lg,12px);text-align:center;cursor:pointer;background:var(--bg-surface);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;transition:border-color .15s,background-color .15s;display:flex}.dropzone-box[data-astro-cid-mdmbe2yr]:hover,.dropzone-box[data-astro-cid-mdmbe2yr]:focus-visible{border-color:var(--accent);background:var(--bg-surface-hover);outline:none}.dropzone-icon[data-astro-cid-mdmbe2yr]{color:var(--accent)}.dropzone-prompt[data-astro-cid-mdmbe2yr]{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:500}.dropzone-subtext[data-astro-cid-mdmbe2yr]{color:var(--text-muted);font-size:.8125rem}.sample-action-row[data-astro-cid-mdmbe2yr]{text-align:center;margin-top:.5rem}.vertical-options-bar[data-astro-cid-mdmbe2yr]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.25rem;display:grid}.option-field[data-astro-cid-mdmbe2yr]{flex-direction:column;gap:.375rem;display:flex}.option-label[data-astro-cid-mdmbe2yr]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.option-select[data-astro-cid-mdmbe2yr]{background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.option-select[data-astro-cid-mdmbe2yr]:focus{border-color:var(--accent)}.results-container[data-astro-cid-mdmbe2yr]{margin-top:.5rem}.vertical-metrics-bar{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:grid}.vertical-simulator-container{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.phone-frame{background:#0f172a;border:3px solid #334155;border-radius:36px;flex-direction:column;width:240px;height:440px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #00000080}.phone-notch{z-index:10;background:#334155;border-radius:0 0 10px 10px;width:70px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-overlay-top{color:#94a3b8;z-index:5;justify-content:space-between;padding:14px 12px 6px;font-size:.5625rem;display:flex}.live-tag{color:#fff;background:#ef4444;border-radius:3px;padding:1px 4px;font-weight:700}.phone-screen{background:linear-gradient(#1e293b 0%,#0f172a 100%);flex-direction:column;flex:1;justify-content:space-between;padding:8px;display:flex;position:relative}.safe-zone-top-guide{border-bottom:1px dashed #fff3;padding-bottom:4px}.safe-guide-label{color:#fff6;text-transform:uppercase;font-size:.5rem}.safe-zone-center{text-align:center;flex:1;justify-content:center;align-items:center;padding:0 16px;display:flex}.mobile-subtitle-pill{color:#facc15;text-shadow:0 2px 4px #000c;background:#000000bf;border:1px solid #facc154d;border-radius:6px;padding:6px 12px;font-size:.8125rem;font-weight:700;line-height:1.3}.safe-zone-bottom-guide{border-top:1px dashed #fff3;padding-top:4px}.mock-tiktok-author{color:#e2e8f0;margin-top:2px;font-size:.5625rem}.mock-tiktok-rail{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;right:6px}.mock-rail-btn{color:#e2e8f0;flex-direction:column;align-items:center;gap:2px;font-size:.5rem;display:flex}.circle-icon{background:#ffffff4d;border-radius:50%;width:14px;height:14px}.simulator-stepper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stepper-controls{align-items:center;gap:.75rem;display:flex}.btn-step{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);cursor:pointer;padding:.25rem .75rem;font-size:.75rem}.btn-step:disabled{opacity:.5;cursor:not-allowed}.vertical-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.format-toggle-group{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);padding:3px;display:inline-flex}.btn-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:color .15s,background-color .15s}.btn-toggle.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #0003}.action-buttons-group{gap:.75rem;display:flex}.vertical-preview-box{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);overflow:hidden}.preview-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;padding:.5rem 1rem;display:flex}.preview-code{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:380px;margin:0;padding:1rem;font-size:.8125rem;line-height:1.5;overflow-y:auto}.principles-grid[data-astro-cid-mdmbe2yr]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.principle-card[data-astro-cid-mdmbe2yr]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);padding:1.25rem}.principle-card[data-astro-cid-mdmbe2yr] h4[data-astro-cid-mdmbe2yr]{color:var(--accent);margin:0 0 .5rem;font-size:.9375rem}.principle-card[data-astro-cid-mdmbe2yr] p[data-astro-cid-mdmbe2yr]{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.visually-hidden[data-astro-cid-mdmbe2yr]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adsterra-native-slot[data-astro-cid-mdmbe2yr]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);min-height:140px;margin:2rem 0;padding:1rem;position:relative}.ad-slot-label[data-astro-cid-mdmbe2yr]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .5rem;font-size:.6875rem}
