:root{color-scheme:light;--sky: #38bdf8;--yellow: #fbbf24;--green: #34d399;--pink: #f472b6;--ink: #1f2937}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{margin:0;min-height:100vh;overflow-x:hidden;background:#f6f8fb;color:var(--ink);font-family:Noto Sans KR,system-ui,sans-serif;touch-action:manipulation}button,input,select{font:inherit}.font-round{font-family:Gowun Dodum,Noto Sans KR,system-ui,sans-serif}.app-bg{min-height:100vh;background:radial-gradient(circle at 8% 12%,rgba(14,165,233,.1),transparent 28%),radial-gradient(circle at 92% 18%,rgba(244,114,182,.1),transparent 24%),linear-gradient(140deg,#f8fafc,#eff6ff 52%,#f7fee7)}.big-button{border-radius:18px;box-shadow:0 14px 28px #1f29371f;transition:transform .16s ease,box-shadow .16s ease;touch-action:none}.big-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 34px #1f293733}.big-button:active{transform:scale(.97)}.glass{background:#ffffffc7;border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 48px #0f172a24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-card{border-radius:16px;background:#fffffff5;border:1px solid rgba(148,163,184,.24);box-shadow:0 12px 30px #0f172a14}.canvas-shell{position:relative;width:min(92vw,720px);aspect-ratio:4 / 3;background:#fff;border:6px solid #38bdf8;border-radius:22px;overflow:hidden;box-shadow:0 22px 42px #0e749038}.canvas-shell img,.canvas-shell canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.canvas-shell img{object-fit:contain;z-index:1;pointer-events:none}.canvas-shell canvas{z-index:2;touch-action:none}.screen-root{width:100vw;height:100vh;overflow:hidden;background:#7dd3fc}.screen-canvas{position:fixed;top:0;right:0;bottom:0;left:0}.screen-overlay{position:fixed;z-index:10}.admin-panel{display:none}.admin-panel.active{display:block}.nav-item.active{background:#ffffff29;color:#fff}.part-editor-shell{width:min(100%,640px);aspect-ratio:4 / 3;overflow:hidden;border-radius:16px;border:1px solid rgba(14,165,233,.28);background:#fff;box-shadow:inset 0 0 0 1px #ffffffb3,0 12px 24px #0f172a14}.part-editor-shell canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,84px);grid-template-rows:repeat(3,84px);gap:10px;justify-content:center}.dpad button,.action-pad button{border-radius:22px;color:#fff;font-size:28px;box-shadow:0 12px #0f172a2e;touch-action:none}.swatch{width:46px;height:46px;border-radius:999px;border:4px solid white;box-shadow:0 8px 16px #0f172a2e}.swatch.active{outline:4px solid #0f172a}@keyframes popIn{0%{transform:scale(.72) translateY(16px);opacity:0}70%{transform:scale(1.05) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.pop-in{animation:popIn .36s cubic-bezier(.34,1.56,.64,1)}