.project-restart-trigger{white-space:nowrap;border:1px solid var(--s-line);min-height:34px;color:var(--s-text);background:var(--s-panel);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.project-restart-trigger:hover{border-color:var(--s-orange)}.project-restart-dialog{background:var(--s-panel);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--s-text);border:1px solid var(--s-line);border-radius:18px;margin:auto;padding:28px;font-size:14px;line-height:1.65;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 80px #0003}.project-restart-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006}.project-restart-dialog h2{margin:0 0 16px;font-size:22px;line-height:1.3}.project-restart-dialog p{margin:0 0 16px}.project-restart-dialog [role=alert]{color:#c33e18}.project-restart-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.project-restart-actions button{border:1px solid var(--s-line);cursor:pointer;border-radius:9px;min-height:44px;padding:10px 16px;font-size:14px}.project-restart-actions .restart-confirm{color:#fff;background:#c33e18;border-color:#c33e18}.project-restart-trigger:disabled,.project-restart-actions button:disabled{opacity:.5;cursor:wait}.project-restart-trigger:focus-visible,.project-restart-actions button:focus-visible{outline-offset:3px;outline:2px solid #c33e18}@media (max-width:520px){.project-restart-dialog{padding:22px}.project-restart-trigger{gap:4px;padding:0 8px}}
.bespoke-preview{gap:20px;min-width:0;display:grid}.bespoke-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.bespoke-toolbar h2{margin:10px 0;font-size:clamp(20px,2vw,28px)}.bespoke-toolbar p,.bespoke-feedback p,.bespoke-direction p{color:var(--studio-muted,#686762);font-size:13px;line-height:1.65}.bespoke-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.bespoke-download{font:inherit;cursor:pointer;background:#fff;border:1px solid #dedbd5;border-radius:24px;padding:9px 14px;font-size:12px}.bespoke-download:hover{background:#f4f2ee}.bespoke-devices{border:1px solid #dedbd5;border-radius:24px;flex-shrink:0;gap:4px;padding:4px;display:flex}.bespoke-devices button{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:8px 12px;font-size:12px}.bespoke-devices button[aria-pressed=true]{color:#fff;background:#242b29}.bespoke-frame-wrap{background:#f5f5f2;border:1px solid #e0ddd7;border-radius:16px;width:100%;margin:auto;transition:max-width .25s;overflow:hidden;box-shadow:0 16px 48px #1c221910}.bespoke-frame-wrap iframe{background:#fff;border:0;width:100%;height:860px;display:block}.bespoke-frame-wrap.phone{border:7px solid #222b29;border-radius:28px;max-width:390px}.bespoke-frame-wrap.phone iframe{height:720px}.bespoke-status{background:#f4eee5;border-radius:12px;padding:14px 18px;font-size:13px;line-height:1.6}.bespoke-status button{cursor:pointer;background:0 0;border:0;margin-left:12px;text-decoration:underline}.bespoke-feedback{background:#fff;border:1px solid #e0ddd7;border-radius:14px;grid-template-columns:minmax(140px,1fr) minmax(170px,2fr);gap:12px;padding:24px;display:grid}.bespoke-feedback label{align-self:center;font-size:14px;font-weight:600}.bespoke-feedback select,.bespoke-feedback textarea{font:inherit;border:1px solid #ddd9d3;border-radius:8px;min-width:0;padding:12px;font-size:14px}.bespoke-feedback textarea{resize:vertical;grid-column:1/-1;min-height:90px}.bespoke-feedback p{margin:0}.bespoke-feedback button{justify-self:end}.bespoke-placeholder{text-align:center;color:#777;border:1px solid #e0ddd7;border-radius:16px;min-height:400px;padding:50px 30px}.bespoke-skeleton{background:linear-gradient(115deg,#eeede9,#faf8f4,#eeede9) 0 0/200% 100%;border-radius:12px;height:190px;animation:2s ease-in-out 3 preview-shimmer}.bespoke-frame-wrap.is-draft{outline-offset:4px;outline:2px dashed #c9a46a}.bespoke-draft-note{color:var(--studio-muted,#686762);margin:0;font-size:12px}.bespoke-direction{font-size:12px}.bespoke-direction summary{cursor:pointer}@keyframes preview-shimmer{to{background-position:-200% 0}}@media (max-width:700px){.bespoke-toolbar{flex-direction:column;align-items:flex-start}.bespoke-tools{flex-wrap:wrap}.bespoke-feedback{grid-template-columns:1fr}.bespoke-feedback button{justify-self:stretch}.bespoke-frame-wrap iframe{height:680px}}@media (prefers-reduced-motion:reduce){.bespoke-skeleton{animation:none}.bespoke-frame-wrap{transition:none}}.screen-presentation{border:1px solid var(--s-border);background:var(--s-panel);outline-offset:4px;border-radius:12px;overflow:hidden}.screen-presentation-tools{color:var(--s-muted);justify-content:flex-end;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.screen-presentation-tools>span{margin-right:auto}.screen-presentation-tools :is(button,a),.screen-controls button{min-height:44px;color:var(--s-text);border:1px solid var(--s-border);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.screen-slide{margin:0}.screen-slide img{object-fit:contain;background:#fff;width:100%;height:auto;max-height:65vh;display:block}.screen-slide figcaption{color:var(--s-text);flex-direction:column;gap:6px;padding:18px 24px;display:flex}.screen-slide figcaption span{color:var(--s-muted);font-size:14px;line-height:1.6}.screen-controls{justify-content:space-between;align-items:center;gap:12px;padding:12px 24px 20px;display:flex}.screen-controls>span{font-variant-numeric:tabular-nums;color:var(--s-muted);font-size:13px}.screen-controls button:disabled{opacity:.4;cursor:default}.screen-refinement{margin-block:20px}.screen-refinement summary{cursor:pointer;min-height:44px;padding:12px 0}.screen-refinement .bespoke-feedback{margin-top:8px}.screen-presentation-dialog{background:var(--s-bg);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--s-text);border:0;margin:0;padding:56px clamp(12px,4vw,64px) 12px;position:fixed;inset:0}.screen-presentation-dialog::backdrop{background:#000c}.screen-presentation-dialog .screen-slide img{object-fit:contain;background:0 0;width:100%;max-height:calc(100dvh - 240px)}.screen-presentation-dialog .screen-slide figcaption,.screen-presentation-dialog .screen-controls{padding:12px 0}.screen-presentation-close{min-width:44px;min-height:44px;color:inherit;border:1px solid var(--s-border);background:0 0;border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;right:16px}html:has(.screen-presentation-dialog[open]){overflow:hidden}@media (max-width:600px){.screen-slide img{max-height:45dvh}.screen-slide figcaption,.screen-controls{padding:12px 16px}.screen-presentation-tools{padding:8px 12px}.screen-presentation-dialog .screen-slide img{max-height:55dvh}.screen-controls button{font-size:14px}}.screen-image{background:var(--s-panel)}.screen-image-disclaimer{background:var(--s-panel);color:var(--s-muted);border-top:1px solid var(--s-border);text-align:center;margin:0;padding:10px 16px;font-size:12px;line-height:1.5}
