#root{min-height:100svh}:root{--black:#000;--ink:#fff;--muted:#a8a8a8;--dim:#707070;--line:#191919;--line-strong:#2b2b2b;--panel:#050505;--panel-2:#0a0a0a;--danger:#ff6b6b;--mono:"SFMono-Regular", "Cascadia Mono", "IBM Plex Mono", "Roboto Mono", Consolas, monospace;--display:Arial Black, Arial, Helvetica, sans-serif;color:var(--ink);background:var(--black);font-family:var(--mono);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{background:var(--black);min-width:0;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{background:var(--black);flex-direction:column;width:min(1600px,100%);min-height:100svh;margin:0 auto;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d1;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand,.nav-links{align-items:center;display:flex}.brand{font:700 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:12px}.brand-mark{border:1px solid var(--ink);place-items:center;width:36px;height:36px;font-size:12px;display:grid}.nav-links{gap:8px}.nav-links a,.button{border:1px solid var(--line-strong);color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;transition:border-color .16s,color .16s,background .16s,transform .16s}.nav-links a{padding:12px 14px}.nav-links a:hover,.button:hover{border-color:var(--ink);color:var(--ink)}.button{cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:48px;padding:0 18px;display:inline-flex}.button.primary{background:var(--ink);border-color:var(--ink);color:var(--black)}.button.primary:hover{color:var(--black);transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.home-page{flex:1;padding:clamp(64px,12vh,112px) 28px 64px}.home-page h1{margin:0;font-size:clamp(48px,7vw,88px);line-height:.95}.section-kicker,.asset-card-body p,.mood-copy p,.image-count,.code-pill,.empty-state,label,.upload-box>span,.status-line{color:var(--dim);font:700 11px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--display);letter-spacing:-.07em;text-transform:uppercase;text-wrap:balance;font-weight:900}h1{max-width:980px;margin-top:24px;font-size:clamp(48px,7.4vw,116px);line-height:.84}.lede{max-width:760px;color:var(--muted);font:500 clamp(15px,1.4vw,18px)/1.65 var(--mono);text-wrap:pretty;text-transform:none;letter-spacing:0;margin-top:28px}.section{border-top:1px solid var(--line);padding:88px 28px}.page-section{min-height:calc(100svh - 132px)}.page-title{max-width:980px}.page-title h1{margin-top:14px}.prompt-library-page .page-title h1{font-size:clamp(42px,5.6vw,82px);line-height:.88}h2{font-size:clamp(36px,5vw,76px);line-height:.88}.asset-card-body span,.mood-copy span{color:var(--muted);font:500 14px/1.7 var(--mono);display:block}.empty-state{border:1px solid var(--line);background:var(--panel);color:var(--muted);margin-top:34px;padding:24px}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:42px;display:grid}.asset-card{border:1px solid var(--line);background:var(--panel);overflow:hidden}.asset-card>.image-frame{aspect-ratio:16/9;width:100%}.carousel-frame>.image-frame{aspect-ratio:auto;width:100%;height:100%}.image-frame{aspect-ratio:16/9;background:#050505;width:100%;min-height:0;position:relative;overflow:hidden}.image-frame>img{object-fit:cover;object-position:center;background:#050505;width:100%;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.image-frame.has-crop>img{object-fit:cover}.asset-card-body{gap:14px;padding:20px;display:grid}.asset-card-body h2{font-size:clamp(28px,3.5vw,42px)}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row small{border:1px solid var(--line-strong);color:var(--muted);font:700 10px/1 var(--mono);text-transform:uppercase;padding:7px 9px}.image-placeholder{aspect-ratio:16/9;border:1px dashed var(--line-strong);min-height:0;color:var(--dim);font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;place-items:center;display:grid}.prompt-grid,.workflow-menu-grid,.mood-stack{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px;margin-top:42px;display:grid}.mood-card{border:1px solid var(--line);background:var(--line);grid-template-columns:minmax(0,1fr);align-self:start;gap:1px;min-width:0;display:grid}.carousel-frame{aspect-ratio:16/9;background:var(--panel);min-height:0;position:relative;overflow:hidden}.arrow{z-index:2;border:1px solid var(--line-strong);width:48px;height:48px;color:var(--ink);cursor:pointer;background:#000000bf;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:16px}.arrow.right{right:16px}.arrow:disabled{opacity:.25;cursor:not-allowed}.image-count{border:1px solid var(--line-strong);color:var(--muted);background:#000000bf;padding:8px 10px;position:absolute;bottom:16px;right:16px}.mood-copy{background:var(--panel);flex-direction:column;justify-content:space-between;gap:16px;padding:16px;display:flex}.mood-copy h2{margin:12px 0;font-size:clamp(24px,2.6vw,40px)}.code-pill{border:1px solid var(--line-strong);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:#000;gap:9px;padding:16px;display:grid}.code-pill strong{color:var(--ink);font:700 13px/1.4 var(--mono);text-transform:none;letter-spacing:.02em;word-break:break-all}.admin-layout{min-height:calc(100svh - 132px)}.admin-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-navigation{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:18px;display:flex}.admin-navigation .button{min-width:132px}.admin-page-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;margin-top:28px;padding:22px 0;display:flex}.admin-page-toolbar h2{margin-top:10px;font-size:clamp(30px,4vw,52px)}.admin-page-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-entry-list{background:var(--line);gap:1px;display:grid}.admin-list-panel,.workflow-admin-block{margin-top:18px}.editor-row{background:var(--panel);min-width:0}.editor-row-toggle{background:var(--panel);width:100%;min-height:72px;color:var(--ink);text-align:left;cursor:pointer;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.editor-row-toggle:hover{background:var(--panel-2)}.editor-row-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.editor-row-arrow{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink);font:500 22px/1 var(--mono);place-items:center;display:grid}.editor-row-title{overflow-wrap:anywhere;min-width:0;color:var(--ink);font:900 clamp(18px, 2.5vw, 30px)/1 var(--display);letter-spacing:-.04em;text-transform:uppercase}.editor-row-state{color:var(--dim);font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.editor-row.is-expanded .editor-row-toggle{border-bottom:1px solid var(--line)}.editor-row-content{background:var(--panel);min-width:0}.editor-row-content>.editor-card{border-bottom:0}.admin-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.admin-panel-block{border:1px solid var(--line);background:var(--panel)}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.panel-title h2{font-size:clamp(28px,3vw,42px)}.editor-card,.admin-form{border-bottom:1px solid var(--line);gap:14px;padding:18px;display:grid}.login-form{border:1px solid var(--line);background:var(--panel);max-width:520px;margin-top:42px}label{color:var(--muted);gap:8px;display:grid}input,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#000;border-radius:0;outline:none;padding:13px 12px}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus{border-color:var(--ink)}.check-row{align-items:center;gap:10px;display:flex}.check-row input{width:auto}.upload-box{border:1px dashed var(--line-strong);gap:10px;padding:14px;display:grid}.uploaded-photo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.uploaded-photo{border:1px solid var(--line);background:#000;min-width:0}.uploaded-photo-frame{aspect-ratio:16/9}.uploaded-photo-meta{gap:10px;padding:10px;display:grid}.uploaded-photo-meta>span{color:var(--muted);font:500 11px/1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uploaded-photo-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.uploaded-photo-actions .button{letter-spacing:.05em;min-height:44px;padding-inline:8px;font-size:9px}.upload-note{color:var(--dim);font:500 11px/1.45 var(--mono)}.form-error{color:var(--danger);font:700 12px/1.4 var(--mono)}.status-line{border:1px solid var(--line-strong);color:var(--ink);margin-top:24px;padding:14px}.prompt-grid{gap:clamp(12px,1.5vw,20px)}.prompt-card{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr);align-self:start;min-width:0;transition:border-color .16s,transform .16s;display:grid;position:relative;overflow:hidden}.prompt-card.prompt-card--independent:hover{border-color:var(--ink);transform:translateY(-3px)}.prompt-card-link{min-width:0;color:inherit;display:block}.prompt-card-link:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.prompt-examples{aspect-ratio:16/9;background:var(--line);width:100%;overflow:hidden}.prompt-example-frame{aspect-ratio:auto;width:100%;height:100%}.prompt-examples .image-placeholder{aspect-ratio:auto;background:var(--panel);width:100%;height:100%}.prompt-card-body{background:var(--panel);align-content:start;gap:12px;min-width:0;padding:16px 16px 62px;display:grid;position:relative}.prompt-card-body p,.prompt-detail-eyebrow,.prompt-detail-prompt-heading>p,.prompt-detail-tags>p,.prompt-detail-meta-label{color:var(--dim);font:700 11px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase}.prompt-card-body h2{overflow-wrap:normal;word-break:normal;text-wrap:wrap;font-size:16px;font-weight:900;line-height:1.2}.prompt-card-body>span{color:var(--muted);font:500 13px/1.55 var(--mono);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prompt-copy-button{z-index:2;width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:border-color .16s,color .16s,background .16s;display:grid;position:absolute;bottom:10px;right:10px}.prompt-copy-button:hover{border-color:var(--line-strong);background:var(--panel-2);color:var(--ink)}.prompt-copy-button:focus-visible{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:2px;color:var(--ink)}.prompt-copy-button:disabled{opacity:.45;cursor:not-allowed}.copy-glyph{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prompt-detail-page{overflow-x:clip}.prompt-back-link{margin-bottom:4px}.prompt-detail-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:clamp(28px,5vw,76px);margin-top:34px;display:grid}.prompt-detail-visuals{gap:12px;min-width:0;display:grid}.prompt-detail-figure{border:1px solid var(--line);background:var(--panel);min-width:0;margin:0}.prompt-detail-image-frame{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.prompt-detail-image-frame>img{object-fit:contain;object-position:center;width:100%;height:100%;max-height:100%;display:block;position:static}.prompt-detail-placeholder{aspect-ratio:16/9;background:var(--panel);width:100%;min-height:0}.prompt-detail-copy{min-width:0}.prompt-detail-copy h1{overflow-wrap:anywhere;text-wrap:pretty;max-width:none;margin-top:16px;font-size:clamp(36px,4.2vw,64px);line-height:.9}.prompt-detail-description{color:var(--muted);font:500 clamp(15px, 1.35vw, 18px)/1.7 var(--mono);overflow-wrap:anywhere;margin-top:24px}.prompt-detail-prompt{border-top:1px solid var(--line);gap:14px;margin-top:38px;padding-top:24px;display:grid}.prompt-detail-prompt-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.prompt-detail-copy-button{flex-shrink:0;gap:9px;min-height:46px;padding-inline:16px}.prompt-detail-copy-button .copy-glyph{width:16px;height:16px}.prompt-detail-text{border:1px solid var(--line-strong);max-height:none;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font:500 clamp(13px, 1.15vw, 16px)/1.8 var(--mono);background:#000;margin:0;padding:20px;overflow-x:auto}.prompt-detail-meta{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;display:grid}.prompt-detail-meta-item{background:var(--panel);align-content:start;gap:8px;min-width:0;padding:14px;display:grid}.prompt-detail-meta-item>span{color:var(--ink);font:500 13px/1.5 var(--mono);overflow-wrap:anywhere}.prompt-detail-tags{gap:12px;margin-top:20px;display:grid}.workflow-menu-intro{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);align-items:end;gap:42px;display:grid}.workflow-menu-intro h1{margin-top:14px;font-size:clamp(46px,6vw,84px)}.workflow-menu-intro .lede{margin-top:0}.workflow-menu-card{border:1px solid var(--line);background:var(--panel);flex-direction:column;align-self:start;min-width:0;transition:border-color .16s,transform .16s;display:flex}.workflow-menu-card:hover{border-color:var(--ink);transform:translateY(-3px)}.workflow-menu-visual{aspect-ratio:16/9;border-bottom:1px solid var(--line);height:auto;overflow:hidden}.workflow-menu-visual>.image-frame{aspect-ratio:auto;height:100%}.workflow-menu-visual img{object-fit:cover;width:100%;height:100%;display:block}.workflow-menu-placeholder{background:radial-gradient(circle at 75% 20%,#ffffff1a,#0000 32%),repeating-linear-gradient(135deg,#050505 0 18px,#080808 18px 19px);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:8px;height:100%;padding:20px;display:grid}.workflow-menu-placeholder span,.workflow-menu-placeholder small{color:var(--dim);font:700 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}.workflow-menu-placeholder span{grid-column:1/-1}.workflow-menu-placeholder strong{color:var(--ink);font:900 clamp(64px, 8vw, 112px)/.75 var(--display);letter-spacing:-.08em;align-self:end}.workflow-menu-placeholder small{align-self:end;padding-bottom:2px}.workflow-menu-copy{align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.workflow-menu-copy>p,.workflow-menu-meta{color:var(--dim);font:700 10px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase}.workflow-menu-copy h2{overflow-wrap:anywhere;font-size:clamp(22px,2.6vw,36px);line-height:.92}.workflow-menu-copy>span{color:var(--muted);font:500 12px/1.55 var(--mono);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.workflow-menu-meta{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:6px;padding-top:10px;display:flex}.workflow-menu-meta strong{color:var(--ink)}.workflow-back-link{border:1px solid var(--line-strong);min-height:44px;color:var(--muted);font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.workflow-back-link:hover{border-color:var(--ink);color:var(--ink)}.workflow-header{border-block:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(320px,.55fr);align-items:end;gap:48px;margin:34px 0 1px;padding:34px 0;display:grid}.workflow-header>*,.workflow-step>*{min-width:0}.workflow-header p,.workflow-step-copy p{color:var(--dim);font:700 11px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase}.workflow-header h1{overflow-wrap:anywhere;max-width:850px;margin-top:16px;font-size:clamp(44px,5vw,72px)}.workflow-header>span{color:var(--muted);font:500 15px/1.75 var(--mono)}.workflow-steps{display:grid}.workflow-step{border:1px solid var(--line);background:var(--line);grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:1px;margin-bottom:74px;display:grid;position:relative}.workflow-step:nth-child(2n) .workflow-visual{order:2}.workflow-step:nth-child(2n) .workflow-step-copy{order:1}.workflow-visual{aspect-ratio:16/9;background:var(--panel);align-self:start;min-height:0;overflow:hidden}.workflow-visual>.image-frame{aspect-ratio:auto;height:100%}.workflow-visual img{object-fit:cover;width:100%;height:100%;display:block}.workflow-placeholder{aspect-ratio:16/9;height:auto;min-height:0;color:var(--dim);text-transform:uppercase;background:radial-gradient(circle at 70% 30%,#ffffff1a,#0000 30%),repeating-linear-gradient(135deg,#050505 0 18px,#080808 18px 19px);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.workflow-placeholder span,.workflow-placeholder small{font:700 10px/1.4 var(--mono);letter-spacing:.12em}.workflow-placeholder strong{color:var(--ink);font:900 clamp(88px, 14vw, 190px)/.8 var(--display);letter-spacing:-.08em}.workflow-step-copy{background:var(--panel);flex-direction:column;justify-content:center;min-height:470px;padding:clamp(26px,4vw,58px);display:flex}.workflow-step-copy h3{margin:20px 0 24px;font-size:clamp(34px,4.5vw,66px);line-height:.9}.workflow-step-copy>span{color:var(--muted);font:500 15px/1.75 var(--mono)}.workflow-step-copy pre{border:1px solid var(--line-strong);color:var(--ink);white-space:pre-wrap;word-break:break-word;font:500 13px/1.7 var(--mono);background:#000;margin:28px 0 0;padding:18px}.workflow-connector{color:var(--ink);font:700 20px/1 var(--mono);place-items:center;gap:4px;display:grid;position:absolute;bottom:-59px;left:50%;transform:translate(-50%)}.workflow-connector span{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.workflow-admin-block{margin-top:42px}.workflow-editor{padding:24px}.editor-card-heading,.step-editor-heading,.step-controls{align-items:center;gap:10px;display:flex}.editor-card-heading,.step-editor-heading{justify-content:space-between}.editor-card-heading>strong{color:var(--ink);font:900 clamp(20px, 3vw, 34px)/1 var(--display);letter-spacing:-.04em;text-transform:uppercase}.workflow-step-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.workflow-step-editor{border:1px solid var(--line-strong);background:#000;align-content:start;gap:14px;padding:16px;display:grid}.step-editor-heading>strong{color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.step-controls button{border:1px solid var(--line-strong);background:var(--panel);min-width:40px;min-height:40px;color:var(--muted);cursor:pointer}.step-controls button:hover{border-color:var(--ink);color:var(--ink)}.step-controls button:disabled{opacity:.3;cursor:not-allowed}.danger-button{color:var(--danger);border-color:#5a2222}.crop-dialog-backdrop{z-index:100;background:#000000e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.crop-dialog{border:1px solid var(--line-strong);background:var(--panel);gap:18px;width:min(820px,100%);max-height:calc(100svh - 32px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 80px #000000b3}.crop-dialog-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.crop-dialog-header h2{margin-top:10px;font-size:clamp(32px,5vw,52px)}.crop-dialog-header>p{max-width:360px;color:var(--muted);font:500 13px/1.6 var(--mono)}.crop-stage-wrap{border:1px solid var(--line);background:#000;place-items:center;min-height:180px;padding:8px;display:grid}.crop-stage{aspect-ratio:16/9;background:#000;width:min(100%,720px);line-height:0;position:relative;overflow:hidden}.crop-stage>img{object-fit:fill;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.crop-shade{z-index:1;pointer-events:none;background:#000000a8;position:absolute}.crop-shade-top{top:0;left:0;right:0}.crop-shade-bottom{bottom:0;left:0;right:0}.crop-shade-left{left:0}.crop-shade-right{right:0}.crop-selection{z-index:2;border:1px solid var(--ink);cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 9999px #00000005,0 0 0 1px #ffffff6b}.crop-selection:active{cursor:grabbing}.crop-selection span{max-width:calc(100% - 24px);color:var(--ink);font:700 10px/1.2 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;pointer-events:none;background:#000000b8;padding:8px 10px}.crop-loading{color:var(--muted);font:700 11px/1 var(--mono);text-transform:uppercase;place-items:center;display:grid;position:absolute;inset:0}.crop-controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.crop-aspect-control{color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto minmax(120px,180px);align-items:center;gap:12px;display:grid}.crop-aspect-control select{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);font:700 11px/1 var(--mono);background:#000;border-radius:0;padding:8px 10px}.crop-aspect-control select:focus-visible{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:2px}.crop-zoom-control{color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto minmax(160px,280px) auto;align-items:center;gap:12px;display:grid}.crop-zoom-control input{min-height:32px;accent-color:var(--ink);border:0;padding:0}.crop-zoom-control output{min-width:52px;color:var(--ink);text-align:right}.crop-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.footer{padding:12px 28px max(12px, env(safe-area-inset-bottom));border:0;flex-shrink:0;justify-content:flex-end;margin-top:auto;display:flex}.footer-admin{color:#777;min-width:44px;min-height:44px;font:400 10px/1.4 var(--mono);text-transform:none;letter-spacing:.02em;justify-content:center;align-items:center;display:inline-flex}.footer-admin:hover{color:var(--muted);text-decoration:underline}.footer-admin:focus-visible{outline:1px solid var(--ink);outline-offset:4px}@media (width<=980px){.topbar{flex-direction:column;align-items:flex-start;padding:18px}.nav-links{width:100%;padding-bottom:2px;overflow-x:auto}.workflow-menu-intro,.workflow-header,.workflow-step,.workflow-step-editors,.admin-header,.admin-columns,.prompt-detail-layout{grid-template-columns:1fr}.mood-card,.prompt-card{grid-template-columns:minmax(0,1fr)}.home-page{padding-inline:18px}.section{padding:64px 18px}.admin-actions{justify-content:flex-start}.workflow-step:nth-child(2n) .workflow-visual,.workflow-step:nth-child(2n) .workflow-step-copy{order:initial}.workflow-step-copy{min-height:380px}}@media (width<=620px){.site-shell{border-inline:0}.topbar{padding:max(14px, env(safe-area-inset-top)) 14px 12px;gap:14px}.brand{justify-content:space-between;width:100%;font-size:12px}.brand-mark{width:34px;height:34px}.nav-links{scrollbar-width:none;gap:7px;margin-inline:-14px;padding:0 14px 4px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:none;min-height:42px;padding:14px 13px;font-size:10px}.home-page{padding:64px 18px 48px}.home-page h1{font-size:clamp(48px,14vw,64px)}.footer{padding-inline:14px}h1{letter-spacing:-.075em;font-size:clamp(54px,17vw,74px);line-height:.86}h2{font-size:clamp(34px,11vw,48px)}.lede{margin-top:20px;font-size:14px;line-height:1.58}.admin-actions{grid-template-columns:1fr;width:100%;display:grid}.admin-navigation{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-navigation .button{min-width:0;padding-inline:8px;font-size:9px}.admin-page-toolbar{flex-direction:column;align-items:stretch;gap:18px}.admin-page-controls{grid-template-columns:1fr;display:grid}.editor-row-toggle{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 12px}.editor-row-state{grid-column:2}.button{width:100%;min-height:50px}.asset-grid,.admin-columns{grid-template-columns:1fr}.section{padding:52px 12px}.asset-grid,.prompt-grid,.mood-stack,.admin-columns{margin-top:30px}.asset-card-body,.prompt-card-body,.mood-copy,.editor-card,.admin-form{padding:16px}.mood-card{grid-template-columns:minmax(0,1fr)}.carousel-frame{height:auto;min-height:0}.arrow{background:#000000d1;width:52px;height:52px;font-size:18px}.arrow.left{left:10px}.arrow.right{right:10px}.code-pill{min-height:58px}.panel-title,.editor-card-heading,.step-editor-heading{flex-direction:column;align-items:stretch}input,textarea{min-height:48px;font-size:16px}.uploaded-photo-list{grid-template-columns:1fr}.workflow-menu-page,.workflow-detail-page{overflow-x:hidden}.workflow-menu-intro{gap:18px}.workflow-menu-intro h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(42px,12vw,50px)}.workflow-menu-intro .lede{margin-top:0}.workflow-menu-grid{margin-top:28px}.workflow-menu-visual{height:auto}.workflow-menu-copy{min-height:260px;padding:18px}.workflow-header{gap:20px;margin-top:24px;padding:26px 0}.workflow-header h1{overflow-wrap:anywhere;font-size:clamp(34px,9.5vw,42px)}.workflow-step{margin-bottom:66px}.workflow-visual,.workflow-placeholder{min-height:0}.workflow-step-copy{min-height:auto;padding:28px 18px}.workflow-step-copy h3{margin:16px 0 20px}.workflow-editor{padding:16px}.step-controls{width:100%}.step-controls button{flex:1;min-height:44px}.crop-dialog-backdrop{align-items:start;padding:12px}.crop-dialog{gap:14px;max-height:calc(100svh - 24px);padding:14px}.crop-dialog-header{align-items:start;gap:10px;display:grid}.crop-dialog-header>p{max-width:none;font-size:12px}.crop-stage-wrap{min-height:140px;padding:4px}.crop-controls{grid-template-columns:1fr;align-items:stretch;display:grid}.crop-aspect-control,.crop-zoom-control{grid-template-columns:auto minmax(0,1fr) auto;width:100%}.crop-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width>=768px) and (width<=1023px){.prompt-grid,.workflow-menu-grid,.mood-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width<=767px){.prompt-grid,.workflow-menu-grid,.mood-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.prompt-card-body>span,.workflow-menu-copy>span,.mood-copy span{-webkit-line-clamp:2}.prompt-card-body,.workflow-menu-copy,.mood-copy{padding:12px}.prompt-card-body{gap:10px;padding-bottom:58px}.prompt-detail-layout{gap:28px;margin-top:28px}.prompt-library-page .page-title h1{font-size:clamp(40px,12vw,58px)}.prompt-detail-copy h1{font-size:clamp(34px,10vw,54px);line-height:.92}.prompt-detail-prompt-heading{flex-direction:column;align-items:stretch}.prompt-detail-copy-button{width:100%}.prompt-detail-text{padding:14px;font-size:12px;line-height:1.7}.prompt-detail-meta{grid-template-columns:1fr}.workflow-menu-copy{gap:8px}.workflow-menu-copy h2,.mood-copy h2{font-size:clamp(20px,7vw,22px)}.workflow-menu-meta{flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
