:root{--paper:#f6f1ea;--surface:#fffdf8;--surface-soft:#f2e9de;--ink:#413831;--muted:#766a60;--line:#ded1c4;--accent:#bf7452;--accent-dark:#9f5c3f;--green:#839a72;--blue:#6f8fa3;--yellow:#d4a94d;--error:#a84f47;--shadow:0 14px 34px #4138311a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:linear-gradient(180deg, #fffdf8b8, #f6f1eaf0), var(--paper);overflow-x:hidden}button,input,textarea,select{font:inherit}button,[role=button]{min-height:44px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);background:#fffaf2;padding:11px 12px}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(2rem,5vw,2.45rem);line-height:1.08}h2{margin-bottom:12px;font-size:clamp(1.45rem,4.4vw,2rem);line-height:1.22}h3{margin-bottom:10px;font-size:1.08rem;line-height:1.3}p,span,small,strong,label,button{overflow-wrap:anywhere}.prototype-shell{width:min(100%,1180px);min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.app-stage{width:min(100%,440px);margin:0 auto}.context-panel{display:none}.screen-card,.context-panel{border-radius:var(--radius-md);box-shadow:var(--shadow);background:#fffdf8e6;border:1px solid #ded1c4e6}.screen-card{padding:16px}.hero-card,.screen-card,.child-step,.summary-panel,.privacy-panel,.editor-panel,.optional-panel,.asset-spec-panel,.dental-boundary,.result-sections article{gap:14px;display:grid}.eyebrow{color:var(--accent-dark);letter-spacing:.04em;margin:0 0 8px;font-size:.78rem;font-weight:800}.lead,.context-copy,.simulation-note,.privacy-copy,.privacy-note p,.optional-panel p,.boundary-box p,.dental-boundary p{color:var(--muted);line-height:1.66}.screen-header{align-items:flex-start;gap:12px;display:flex}.screen-header>div{min-width:0}.primary,.secondary,.ghost,.chip,.help-link,.share-action{border-radius:var(--radius-sm)}.primary{width:100%;color:var(--surface);background:var(--accent);padding:13px 18px;font-weight:800}.primary:hover{background:var(--accent-dark)}.secondary{color:var(--ink);border:1px solid var(--line);background:#efe3d6;padding:11px 14px;font-weight:700}.secondary.full{width:100%}.ghost{color:var(--muted);background:#f0e7dc;flex:none;padding:9px 12px}.big-action{min-height:56px;font-size:1.06rem}.help-link{width:100%;color:var(--accent-dark);border:1px dashed var(--line);background:#fff6ed;padding:11px 14px;font-weight:800}.actions{gap:12px;display:grid}.sticky-actions{bottom:env(safe-area-inset-bottom);z-index:3;background:linear-gradient(180deg, #fffdf800, var(--surface) 22%);margin-top:10px;padding-top:12px;position:sticky}.entry-grid,.mode-grid,.copy-options,.child-option-grid,.reward-grid,.share-grid,.spec-grid,.result-sections,.dental-form{gap:12px;display:grid}.entry-card,.mode-card,.copy-card,.child-button,.share-action,.placeholder-panel{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;background:#fff8ef;gap:10px;padding:14px;display:grid}.primary-entry{background:linear-gradient(145deg,#bf745229,#839a721f),#fff8ef}.home-visual{text-align:center;border-style:dashed;place-items:center;min-height:220px}.home-visual strong{font-size:1.25rem}.event-chips,.status-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--ink);border:1px solid var(--line);background:#fff8ef;padding:9px 11px;font-size:.94rem;font-weight:700}.selected{outline:2px solid #bf745257;border-color:var(--accent)!important}.design-tag{color:#6f5d51;background:#fffdf8c7;border:1px dashed #766a6042;border-radius:999px;max-width:100%;padding:4px 7px;font-size:.68rem;font-weight:700;line-height:1.25;display:inline-flex}.media-placeholder{width:100%;min-height:180px;color:var(--muted);background:linear-gradient(145deg, #bf74521f, #839a7229), var(--surface);border:1px dashed var(--line);border-radius:var(--radius-sm);display:grid;overflow:hidden}.media-placeholder>.design-tag{z-index:1;place-self:start}.media-placeholder[data-ratio=portrait]{aspect-ratio:3/4}.media-placeholder[data-ratio=video]{aspect-ratio:9/16}.media-grid{grid-template-columns:1fr;gap:8px;padding:8px}.media-grid-3,.media-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.media-grid>.design-tag{grid-column:1/-1}.media-tile{background:linear-gradient(135deg,#fffdf8c2,#e6e0d7b8),#f6eadf;border-radius:8px;grid-template-rows:auto minmax(20px,1fr) auto;place-items:stretch center;gap:4px;min-width:0;min-height:82px;padding:7px 6px;display:grid;position:relative;overflow:hidden}.video-tile{text-align:center;place-content:center;min-height:260px}.safe-area{border:1px dashed #41383147;border-radius:50%;position:absolute;inset:12%}.face-guide{z-index:1;max-width:100%;color:var(--muted);text-align:center;white-space:nowrap;background:#fffdf8d1;border-radius:6px;padding:3px 6px;font-size:.65rem;line-height:1.2;position:relative}.edge-left{justify-self:start}.edge-right{justify-self:end}.media-tile small{z-index:1;text-align:center;align-self:end;max-width:92%;font-size:.72rem;line-height:1.25;position:relative}.media-placeholder[data-count="3"] .media-tile,.media-placeholder[data-count="6"] .media-tile{min-height:76px;padding:5px 4px}.media-placeholder[data-count="3"] .face-guide,.media-placeholder[data-count="6"] .face-guide{padding:2px 4px;font-size:.58rem}.text-memory-card{min-height:220px;color:var(--ink);border:1px dashed var(--line);border-radius:var(--radius-sm);text-align:center;background:linear-gradient(155deg,#fffdf8,#eef0e8);place-content:center;gap:10px;padding:16px;display:grid}.text-memory-card .design-tag{justify-self:center}.text-memory-card span{color:var(--green);font-weight:800}.field-group{gap:8px;display:grid}.field-group>span,.field-group label,.field-group>label{font-weight:800}.two-fields{gap:12px;display:grid}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented button{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff8ef;font-weight:800}.inline-alert,.result-message,.privacy-note,.summary-panel,.privacy-panel,.editor-panel,.optional-panel,.asset-spec-panel,.dental-boundary,.result-sections article,.completion-banner,.handoff-summary{border-radius:var(--radius-sm);padding:14px}.inline-alert{color:var(--error);background:#a84f4714;line-height:1.55}.result-message{color:#405f42;background:#839a7229;font-weight:800;line-height:1.55}.privacy-note,.summary-panel,.privacy-panel,.editor-panel,.optional-panel,.asset-spec-panel,.dental-boundary,.result-sections article,.handoff-summary{background:var(--surface-soft);border:1px solid var(--line)}.check-row{align-items:flex-start;gap:9px;min-height:44px;line-height:1.45;display:flex}.check-row input{width:20px;min-width:20px;min-height:20px;margin-top:2px}.important{font-weight:800}.handoff-card{align-content:center;min-height:70dvh}.handoff-summary{gap:8px;display:grid}.value-line{color:#5e4b3d;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff4e8;padding:14px;font-size:1.05rem;font-weight:900;line-height:1.55}.child-screen{background:#fffaf2}.child-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff7ec;padding:14px}.child-option-grid{grid-template-columns:1fr}.child-button{text-align:center;place-items:center;min-height:72px;font-size:1.02rem;font-weight:900}.child-button small{color:var(--muted);font-size:.8rem}.mood-soft{background:#fff3ef}.mood-blue{background:#eef6fa}.mood-warm{background:#fff7df}.mood-green{background:#eef4e9}.copy-card span{color:var(--accent-dark);font-weight:900}.copy-card p{color:var(--muted);margin-bottom:0;line-height:1.58}.copy-card small{color:var(--muted);line-height:1.45}.reveal-layout{gap:16px;display:grid}.completion-banner{color:#4f5f42;border:1px solid var(--line);text-align:center;background:linear-gradient(145deg,#839a722e,#d4a94d24),#fffdf8;gap:8px;display:grid}.completion-banner strong{font-size:1.22rem}.badge-preview,.vertical-work,.static-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:min(100%,440px);box-shadow:var(--shadow);gap:12px;margin:0 auto;padding:16px;display:grid}.badge-preview{text-align:center;place-items:center;min-height:180px}.badge-preview strong{aspect-ratio:1;border:2px dashed var(--accent);background:#bf74521f;border-radius:50%;place-items:center;width:min(180px,56vw);padding:14px;display:grid}.vertical-work{aspect-ratio:9/16;align-content:start;max-width:380px;overflow:hidden}.vertical-work header,.vertical-work footer,.static-card footer{color:var(--muted);justify-content:space-between;gap:10px;font-size:.78rem;display:flex}.animation-frame{border:1px dashed var(--line);border-radius:var(--radius-sm);background:#fff7ee;gap:6px;min-height:92px;padding:12px;display:grid}.animation-frame h3,.animation-frame p{margin-bottom:0}.animation-frame .media-placeholder{aspect-ratio:auto;min-height:140px}.static-card{max-width:420px}.card-media{min-height:220px}.preview-kicker{color:var(--accent-dark);margin-bottom:0;font-weight:900}.child-inputs{border-radius:var(--radius-sm);background:#f5ecdf;gap:7px;padding:12px;display:grid}.ordered-share .share-action{align-content:center;min-height:56px;font-weight:900}.reward-grid{grid-template-columns:1fr}.asset-spec-panel{margin-top:8px}.spec-grid{grid-template-columns:1fr}.dental-form .field-group{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff8ef;padding:12px}.step-list{gap:9px;margin:22px 0;padding:0;list-style:none;display:grid}.step-list li{color:var(--muted);align-items:center;gap:9px;display:flex}.step-list span{background:#efe3d6;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.78rem;font-weight:900;display:grid}.step-list .active{color:var(--ink);font-weight:900}.step-list .active span{color:var(--surface);background:var(--accent)}@media (width>=520px){.child-option-grid,.entry-grid,.reward-grid,.share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=700px){.app-stage{width:min(100%,720px)}.mode-grid,.copy-options,.two-fields,.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.prototype-shell{grid-template-columns:minmax(240px,320px) minmax(0,760px);align-items:start;gap:48px;padding-inline:40px;display:grid}.context-panel{padding:24px;display:block;position:sticky;top:24px}.screen-card{padding:24px}.sticky-actions{background:0 0;position:static}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.primary{width:auto}}