.workspace{height:100dvh;background:#f7f3ec}.workspace header{position:relative;z-index:4}.starter{height:calc(100dvh - 58px);overflow:auto;padding:clamp(40px,8vh,100px) 24px 130px;background:radial-gradient(circle at 80% 15%,#f5d5bd 0,transparent 26%),radial-gradient(circle at 15% 80%,#d6e4d2 0,transparent 30%),#f7f3ec}.starter-inner{width:min(980px,100%);margin:auto;text-align:center}.starter h1{font:400 clamp(42px,7vw,78px)/.95 Georgia,serif;letter-spacing:-.055em;margin:8px 0 16px}.starter-copy{color:#6c665b;font-size:18px;margin:0 auto 30px}.starter-composer{width:min(760px,100%);margin:0 auto;background:#fff;border:1px solid #d8d2c7;border-radius:22px;padding:12px;display:flex;align-items:end;box-shadow:0 18px 60px #574a3826;text-align:left}.starter-composer textarea{border:0;outline:0;resize:none;min-height:72px;max-height:180px;flex:1;padding:12px;background:transparent;font-size:18px}.starter-composer button{width:48px;height:48px;border:0;border-radius:15px;background:#292721;color:#fff}.templates-heading{display:flex;align-items:center;gap:14px;width:min(900px,100%);margin:46px auto 16px;color:#777066;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.templates-heading:before,.templates-heading:after{content:"";height:1px;background:#d7d0c5;flex:1}.templates{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:min(900px,100%);margin:auto;text-align:left}.template-card{border:1px solid #d8d2c7;border-radius:17px;padding:8px;background:#fff;color:inherit;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s,border-color .18s}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #574a3820;border-color:#aaa194}.template-thumb{display:block;height:138px;overflow:hidden;border-radius:11px;background:#eee}.template-thumb iframe{width:400%;height:400%;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none}.template-meta{display:grid;gap:4px;padding:11px 7px 7px}.template-meta strong{font-size:14px}.template-meta small{color:#777066;line-height:1.35}.site-context{height:44px;padding:0 14px;margin:-18px -18px 0;display:flex;align-items:center;justify-content:space-between;background:#ecf7ed;font-size:13px;flex-shrink:0}.site-context>div{display:flex;align-items:center;gap:8px;min-width:0}.site-dot{width:8px;height:8px;border-radius:50%;background:#2b9950;box-shadow:0 0 0 4px #2b995018}.site-context a{color:#246c3b;text-decoration:none;font-weight:700}.site-open{padding:8px 12px}.template-modal{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:#171511aa;backdrop-filter:blur(8px)}.template-modal section{position:relative;width:min(1040px,calc(100% - 32px));height:min(760px,calc(100% - 32px));margin:16px auto;background:#f7f4ee;border-radius:22px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;box-shadow:0 30px 100px #0006}.template-modal header,.template-modal footer{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.template-modal header{border-bottom:1px solid #ddd5ca}.template-modal h2{margin:0;font:400 28px Georgia,serif}.template-modal p{margin:4px 0 0;color:#746e62;font-size:13px}.modal-close{border:0;background:none;font-size:30px;color:inherit}.template-modal iframe{width:100%;height:100%;border:0;background:#fff}.template-modal footer{border-top:1px solid #ddd5ca;justify-content:flex-end;gap:10px}.template-modal footer button{border:0;border-radius:12px;padding:12px 18px;font-weight:750}.template-modal footer #deploy-template{background:#292721;color:#fff;display:flex;gap:9px;align-items:center}.template-modal footer .secondary{background:#e8e2d9;color:inherit}.modal-open{overflow:hidden}html[data-theme=dark] .workspace,html[data-theme=dark] .starter{background:radial-gradient(circle at 80% 15%,#5b392b 0,transparent 27%),radial-gradient(circle at 15% 80%,#2e4633 0,transparent 32%),#201f1b}html[data-theme=dark] .starter-copy,html[data-theme=dark] .template-meta small{color:#aaa397}html[data-theme=dark] .starter-composer,html[data-theme=dark] .template-card,html[data-theme=dark] .template-modal section{background:#2b2924;border-color:#4a463e}html[data-theme=dark] .templates-heading:before,html[data-theme=dark] .templates-heading:after{background:#4a463e}html[data-theme=dark] .site-context{background:#1d3123}html[data-theme=dark] .site-context a{color:#85d59e}html[data-theme=dark] .template-modal header,html[data-theme=dark] .template-modal footer{border-color:#49453d}html[data-theme=dark] .preview-footer{background:#12110f}
@media(max-width:800px){.starter{padding:42px 16px 120px}.starter-composer textarea{font-size:16px}.templates{grid-template-columns:repeat(2,1fr)}.template-thumb{height:112px}.site-context{padding:0 12px;margin:0}.site-context>div>span:not(.site-dot){display:none}.site-open{font-size:0}.site-open:after{content:'↗';font-size:17px}.template-modal section{width:100%;height:100%;margin:0;border-radius:0}.preferences{z-index:20}.preview-footer{display:none}}

.preview-bar{position:relative}
.preview-bar>b{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}
.preview-fullscreen-toggle{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;transition:background .15s,color .15s,transform .15s;touch-action:manipulation}
.preview-fullscreen-toggle:hover{background:#f0ece5;color:#292721}
.preview-fullscreen-toggle:active{transform:scale(.92)}
.preview-fullscreen-toggle:focus-visible{outline:2px solid #5573a5;outline-offset:1px}
.shell.preview-fullscreen>.preview{padding:0}
.shell.preview-fullscreen .site-context{display:none}
.shell.preview-fullscreen .preview-bar,.shell.preview-fullscreen .preview iframe{border-radius:0}
html[data-theme=dark] .preview-fullscreen-toggle:hover{background:#403d36;color:#fff}

@media(max-width:800px){
  .shell.preview-fullscreen:not(.mobile-preview)>.chat{display:flex}
  .shell.preview-fullscreen:not(.mobile-preview)>.preview{display:none}
  .shell.preview-fullscreen.mobile-preview .preview{height:calc(100dvh - 58px - 44px)}
}