:root{--paper: #efe6d4;--ink: #1b1712;--ink-soft: #62574a;--cinnabar: #a13828;--cinnabar-soft: #edd9cd;--panel: rgba(245, 238, 224, .96);--panel-line: rgba(27, 23, 18, .2);--serif: "Iowan Old Style", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans)}button,input,select,summary{font:inherit}button,summary,select{cursor:pointer}button{color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.5}#inventBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 0 136px;min-width:136px}.invention-spinner{display:none;width:18px;height:18px;flex:none;fill:var(--ink)}#inventBtn[aria-busy=true]{opacity:1}#inventBtn[aria-busy=true] .invention-spinner{display:block;animation:ink-turn 2s linear infinite}@keyframes ink-turn{to{transform:rotate(360deg)}}button,summary,select,input[type=range]{min-height:36px}button{min-width:36px}:where(button,input,select,summary):focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}button,summary{transition:background .14s ease,color .14s ease}button:hover:not(:disabled),summary:hover{background-color:#fff9ed}button:active:not(:disabled){background-color:var(--cinnabar-soft)}button[aria-pressed=true]{color:var(--cinnabar);background:var(--cinnabar-soft);border-color:var(--cinnabar)}.stage-layer{position:fixed;inset:0;display:block;width:100%;height:100%}#stage{touch-action:pinch-zoom;cursor:crosshair;z-index:0}.stage-live{z-index:1;pointer-events:none}.stage-creatures{z-index:2;pointer-events:none}.summon{position:fixed;left:0;top:0;z-index:3;width:0;height:0;pointer-events:none;--bloom: clamp(150px, 25vmin, 250px)}.summon-ink{position:absolute;left:0;top:0;width:var(--bloom);height:var(--bloom);overflow:visible;transform:translate(-50%,-50%)}.summon-layer{transform-box:fill-box;transform-origin:center;opacity:0}.summon.is-open .summon-layer{opacity:var(--wet);animation:summon-open var(--in) cubic-bezier(.16,1,.3,1) both,summon-breathe var(--breath) var(--in) ease-in-out infinite}.summon.is-releasing .summon-layer{animation:summon-release var(--out) cubic-bezier(.22,.61,.36,1) both}.summon.is-drying .summon-layer{animation:summon-dry .42s ease-in both}.summon-nijimi{filter:blur(2.5px);--in: .46s;--breath: 4.3s;--swell: 1.09;--out: .76s;--wet: 1}.summon-halo{filter:blur(1.4px);--in: .38s;--breath: 3.4s;--swell: 1.06;--out: .68s;--wet: 1}.summon-pool{filter:blur(.5px);--in: .3s;--breath: 2.6s;--swell: 1.04;--out: .6s;--wet: 1}.summon-specks{fill:#1b1712;filter:blur(.6px);--in: .54s;--breath: 5.2s;--swell: 1.12;--out: .62s;--wet: .34}@keyframes summon-open{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:var(--wet)}}@keyframes summon-breathe{0%,to{transform:scale(1)}50%{transform:scale(var(--swell))}}@keyframes summon-release{0%{transform:scale(1);opacity:var(--wet)}to{transform:scale(1.85);opacity:0}}@keyframes summon-dry{0%{transform:scale(1);opacity:var(--wet)}to{transform:scale(.86);opacity:0}}.hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));width:min(440px,calc(100vw - 36px));max-height:calc(100dvh - 36px);z-index:5;display:flex;flex-direction:column;padding:12px;gap:8px;border:1px solid var(--panel-line);border-radius:16px;background:var(--panel);box-shadow:0 18px 50px #281e102e;backdrop-filter:blur(10px)}.brand{display:flex;gap:10px;align-items:center;flex:none}.brand-seal{display:block;width:32px;height:32px;flex:none}.brand-text{flex:1;min-width:0}.brand-name{font:600 20px/1.2 var(--serif);white-space:nowrap}.collapse-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--panel-line);border-radius:8px;background:transparent;font-size:24px;flex:none}.hud-collapsed{width:fit-content}.pause-icon{display:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.resume-symbol,#pauseBtn[aria-pressed=true] .pause-symbol{display:none}#pauseBtn[aria-pressed=true] .resume-symbol{display:block}.hud-collapsed #pauseBtn{display:grid;place-items:center;width:36px;height:36px;padding:0}.hud-collapsed #pauseLabel{display:none}.hud-collapsed .pause-icon{display:block}.hud-collapsed .brand-text,.hud-collapsed .brand-seal{display:none}.collapse-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hud-collapsed .collapse-icon{transform:rotate(180deg)}.hud-collapsed .export-picker,.hud-collapsed>.music{display:none}#undoBtn{display:grid;place-items:center;width:36px;height:36px;padding:0;flex:none}.undo-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.place-name{width:55%;min-width:0;padding:8px 10px;font-size:16px;color:var(--ink);background:#fffaf0;border:1px solid var(--panel-line);border-radius:9px}.scene-actions{display:flex;gap:8px;flex-wrap:wrap}#deletePlaceBtn[data-confirm=true]{color:var(--cinnabar);border-color:var(--cinnabar)}.hud-body{min-height:0;display:flex;flex-direction:column;gap:8px}.section-nav{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;gap:4px;flex:none}.section-nav button{padding:4px;border:1px solid var(--panel-line);border-radius:8px;background:transparent}.section-nav button[aria-pressed=true]{background:var(--cinnabar-soft)}.workspace-scroll{overflow:auto;min-height:0;padding:3px;overscroll-behavior:contain;scrollbar-width:thin}[data-panel]{display:flex;flex-direction:column;align-items:stretch;gap:8px}h2{font:600 17px var(--serif);margin:4px 0}.composer{display:flex;flex-direction:column;gap:8px}.composer>label{font-weight:600}#prompt,#shareLink{width:100%;min-width:0;padding:8px 10px;font-size:16px;color:var(--ink);background:#fffaf0;border:1px solid var(--panel-line);border-radius:9px}::placeholder{color:var(--ink-soft);opacity:1}.creation-mode,.creation-actions{display:flex;gap:8px;flex-wrap:wrap}.creation-mode button{flex:1}.creation-actions button{flex:1 1 auto}.ink-btn{appearance:none;padding:6px 10px;border:1px solid var(--panel-line);border-radius:9px;background:#fff9ed80;font-weight:500}.ink-btn.primary{background:var(--ink);color:#fff9ed;border-color:var(--ink)}.ink-btn.primary:hover{background:#3e3126}.ink-btn[data-working=true]{background-image:linear-gradient(90deg,var(--cinnabar-soft) 0 100%);background-repeat:no-repeat;background-size:0 100%;border-color:var(--cinnabar);opacity:1;animation:summon-commit .3s cubic-bezier(.16,1,.3,1) forwards}.ink-btn.primary[data-working=true]{background-image:linear-gradient(90deg,var(--cinnabar) 0 100%)}@keyframes summon-commit{to{background-size:100% 100%}}.ink-btn.ghost{background:transparent}.ink-btn.ghost[aria-pressed=true]{background:var(--cinnabar-soft)}#inventBtn{color:var(--cinnabar)}.helper{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}#appStatus:empty{display:none}#appStatus{max-height:4.5em;overflow:auto;flex:none}#appStatus.is-working{color:var(--cinnabar);font-weight:500}.inline-error{padding:10px;border:1px solid var(--cinnabar);border-radius:8px}.inline-error p{margin:0 0 8px}summary{padding:6px 10px;border:1px solid var(--panel-line);border-radius:8px}details[open]>summary{margin-bottom:8px}.preset-popover{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto;padding:3px}.preset-option{text-align:left;padding:8px 12px;background:transparent;border:1px solid var(--panel-line);border-radius:8px;flex:none}.export-picker{flex:none}.export-picker>summary{list-style:none;padding:6px 10px}.export-picker>summary::-webkit-details-marker{display:none}.export-picker[open]>summary{margin:0;color:var(--cinnabar);border-color:var(--cinnabar)}.export-popover{position:absolute;top:56px;left:12px;right:12px;max-height:calc(100% - 68px);overflow:auto;padding:10px;z-index:8;background:#f5eee0;border:1px solid var(--panel-line);border-radius:10px;box-shadow:0 12px 32px #281e1030}.export-option{display:block;width:100%;padding:8px;background:#fff9ed;border:1px solid var(--panel-line);border-radius:8px;text-align:left}#shareLink{display:block;width:100%;min-height:88px;margin-top:8px;font:inherit;resize:vertical}.export-popover .helper{margin:4px 4px 12px}.specimen-roster-head{font-weight:600}.specimen-roster{display:flex;flex-direction:column;gap:8px}.specimen-chip{display:grid;grid-template-columns:minmax(0,1fr) 52px 44px;gap:4px;border:1px solid var(--panel-line);padding:3px;border-radius:9px}.specimen-chip.active{border-color:var(--cinnabar)}.specimen-chip button{background:transparent;border:0;border-radius:5px}.specimen-chip-select{text-align:left;padding:8px;overflow-wrap:anywhere}.specimen-chip-select[aria-pressed=true]{background:var(--cinnabar-soft)}.specimen-name{font:600 18px var(--serif)}.specimen-meta{color:var(--ink-soft);overflow-wrap:anywhere}.tools{display:flex;flex-direction:column;gap:10px}.env-control,.weather-control,.paper-control,.colors-pack,.volume-control{display:flex;gap:10px;align-items:center;justify-content:space-between}select{width:55%;min-width:0;color:var(--ink);background:#fff9ed;border:1px solid var(--panel-line);border-radius:8px;padding:8px}.colors-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.colors-scope{display:flex;gap:4px}.colors-scope button{border:1px solid var(--panel-line);border-radius:8px;background:transparent;padding:8px}.colors-scope button[aria-pressed=true]{background:var(--cinnabar-soft)}.zoom-control{display:grid;grid-template-columns:44px 70px 44px;align-self:flex-start;align-items:center;border:1px solid var(--panel-line);border-radius:8px}.zoom-button{border:0;background:transparent;font-size:20px}.zoom-value{text-align:center;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--cinnabar);min-width:0}.volume-range{width:55%}.music{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:8px;align-items:center;flex:none;border-top:1px solid var(--panel-line);padding-top:6px}.music-track{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:32px}.music-play{color:var(--cinnabar);background:var(--cinnabar-soft)}.music-play,.music-btn{display:grid;place-items:center;min-width:32px;min-height:32px;width:32px;height:32px;padding:0;border:1px solid var(--panel-line);border-radius:9px;background:transparent}.music-play{display:flex;justify-content:center;align-items:center;gap:4px;width:82px;background:var(--cinnabar-soft)}#musicNextBtn{width:auto;padding:0 8px}.music-song{display:flex;align-items:center;gap:8px}.music-song select{flex:1;min-width:0;padding:4px 8px;color:var(--ink);background:#fff9ed80;border:1px solid var(--panel-line);border-radius:9px}.music-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.music-icon-pause,.music.is-playing .music-icon-play{display:none}.music.is-playing .music-icon-pause{display:block}.music-title{flex:1;min-width:0;font:14px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-actions{display:flex;align-items:center;gap:8px}.music-settings{display:flex;align-items:center;gap:12px}.music-volume{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.music-volume-range{width:100%}.music:not(.is-playing) .music-wash{display:none}.music-wash{position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--panel-line)}.music-wash-fill{display:block;height:100%;background:var(--cinnabar)}.music-hint{color:var(--cinnabar);font-size:12px;line-height:1.35;margin:0;white-space:nowrap}.music.is-blocked .music-track{flex-wrap:wrap}.music.is-blocked .music-hint{flex-basis:100%;white-space:normal}.studio{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:3px;overscroll-behavior:contain}.studio-head{display:flex;align-items:center;gap:8px;justify-content:space-between;position:sticky;top:-3px;z-index:1;background:var(--panel);padding:3px}#studioName{font:600 18px var(--serif)}#studioStatus{overflow-wrap:anywhere}.studio-controls,.studio-section{display:grid;gap:8px}.studio-section{border-top:1px solid var(--panel-line);padding-top:6px}.studio-control{display:grid;grid-template-columns:78px minmax(0,1fr) 42px;align-items:center;gap:8px}.studio-control input{width:100%}.studio-control output{text-align:right;font-variant-numeric:tabular-nums}.studio-color{display:flex;justify-content:space-between;align-items:center}.studio-color input{width:60px;height:44px}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 560px),(max-height: 500px){.hud{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:calc(100vw - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right)));max-height:60dvh;padding:10px;gap:8px}.brand{gap:6px}.brand .ink-btn,.export-picker>summary{padding-inline:8px}.export-popover{top:54px;left:10px;right:10px;max-height:calc(100% - 66px)}.brand-seal{display:none}.brand-name{font-size:18px}.hud-body{gap:6px}.section-nav{gap:2px}.section-nav button{font-size:14px}#appStatus{max-height:3em}.hud-collapsed{width:fit-content}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}.ink-btn[data-working=true]{background-size:100% 100%}}@media (min-width: 561px) and (max-height: 500px){.hud{top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));width:min(440px,55vw);max-height:calc(100dvh - 16px)}.hud-collapsed{bottom:auto;width:fit-content}}@media (pointer: coarse){button,summary,select,.music-btn,.music-play,.hud-collapsed #pauseBtn,.collapse-btn{min-width:44px;min-height:44px}.section-nav,.brand,.creation-mode,.colors-scope,.specimen-chip{gap:8px}.music{grid-template-columns:82px minmax(0,1fr) auto}}