:root{--cream: #E9DFCF;--paper: #F4EDE1;--ink: #3B2A20;--accent: #B5523B;--line: rgba(59, 42, 32, .16);--f-logo: "MaruBuriBold", "MaruBuri", "Nanum Myeongjo", serif;--f-eng: "Gambarino", "Times New Roman", serif;--f-num: "Array", "Pretendard", -apple-system, sans-serif;--f-ui: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background-color:var(--cream);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}#app{position:relative;height:100dvh;max-width:480px;margin:0 auto}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;padding:calc(var(--safe-t) + 12px) 16px calc(var(--safe-b) + 14px);gap:10px}.screen.is-on{display:flex;animation:fade .28s ease both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.logo{margin:0;font-family:var(--f-logo);font-weight:400;font-size:clamp(76px,25vw,112px);line-height:1;letter-spacing:-.045em}.sub{margin:0;font-weight:600;font-size:15px;letter-spacing:.34em;text-indent:.34em}.eng{margin:0;font-family:var(--f-eng);font-size:17px;color:var(--accent);letter-spacing:.01em}.lead{margin:0;font-family:var(--f-logo);font-size:21px;letter-spacing:-.02em}.note{margin:0;font-size:12.5px;opacity:.66}.hint{margin:0;font-size:13.5px;opacity:.78}.num{font-family:var(--f-num);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em}.pill{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#f6efe3;font:600 16px/1 var(--f-ui);letter-spacing:-.01em;height:54px;padding:0 26px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:transform .12s ease,opacity .2s ease,background .2s ease;box-shadow:0 6px 16px #2e1f1738}.pill:active{transform:scale(.97)}.pill.light{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:0 3px 10px #2e1f171f}.pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fbf3e6}.pill:disabled{opacity:.45;cursor:default}.ghost{appearance:none;border:0;background:none;color:var(--ink);font:500 14px/1 var(--f-ui);padding:12px 6px;cursor:pointer;opacity:.8}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#landing{justify-content:center;gap:0;text-align:center}#landing .eng{margin-bottom:10px}#landing .sub{margin-top:12px}.hero{margin:clamp(18px,4.5dvh,40px) -16px clamp(16px,4dvh,34px);width:calc(100% + 32px);height:min(36dvh,300px);flex:none}.hero canvas{width:100%;height:100%;display:block}#landing .pill{margin-top:18px;min-width:250px}#landing .note{margin-top:14px}.bar{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.bar-title{margin:0;font-family:var(--f-logo);font-size:18px;letter-spacing:-.02em;padding-right:6px}.status{margin:0;font-size:13.5px;font-weight:500;text-align:right;padding-right:6px;white-space:nowrap}.status .num{font-size:16px}#crop{gap:12px}#crop{padding-left:0;padding-right:0}#crop>.bar{width:calc(100% - 32px)}.crop-wrap{flex:1;min-height:0;width:100%;position:relative}.crop-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}#crop .pill{min-width:250px}#studio{gap:8px;padding-left:0;padding-right:0}#studio>.bar,#studio>.panel,#studio>.actions{width:calc(100% - 28px)}.stage{flex:1;min-height:0;width:100%;position:relative}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.panel{flex:none;background:#f4ede1e6;border:1px solid var(--line);border-radius:22px;padding:10px 14px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s ease}.panel.is-busy{opacity:.55}.chips{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:0 -14px 8px;padding:2px 14px;scroll-padding:0 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 26px),transparent)}.chips::-webkit-scrollbar{display:none}.chip{appearance:none;flex:none;display:flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 7px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 12.5px/1 var(--f-ui);letter-spacing:-.02em;cursor:pointer;white-space:nowrap}.chip[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#f6efe3}.chip .sw{width:17px;height:17px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #3b2a2047}.chip[aria-checked=true] .sw{box-shadow:0 0 0 1.5px #f6efe3}.fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.field{display:flex;flex-direction:column;gap:2px;min-width:0}.field-label{font-size:12.5px;font-weight:500;display:flex;justify-content:space-between;align-items:baseline;opacity:.9}.field-label b{font-size:15px;color:var(--accent)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:26px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#3b2a2038}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#3b2a2038}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--ink);border:3px solid var(--paper);box-shadow:0 2px 6px #2e1f174d}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid var(--paper);box-shadow:0 2px 6px #2e1f174d}.switch{flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:44px;height:26px;border-radius:13px;background:#3b2a2038;position:relative;transition:background .2s;flex:none}.switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--paper);box-shadow:0 1px 4px #2e1f174d;transition:transform .2s}.switch input:checked+.switch-ui{background:var(--accent)}.switch input:checked+.switch-ui:after{transform:translate(18px)}.switch input:focus-visible+.switch-ui{outline:2px solid var(--accent);outline-offset:3px}.actions{flex:none;display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.actions .pill{padding:0 8px;height:52px;font-size:15px}.sheet{position:fixed;inset:0;z-index:20;background:#2e1f1799;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fade .22s ease both}.sheet-body{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(var(--safe-t) + 14px) 18px calc(var(--safe-b) + 8px)}.card-mount{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.card-preview{height:100%;max-width:100%;aspect-ratio:9 / 16;object-fit:contain;border-radius:10px;box-shadow:0 16px 40px #0006;background:var(--cream)}.name-field{width:100%;max-width:340px}.name-field .field-label{color:#f6efe3;font-size:13px}.name-field input{height:46px;border-radius:999px;border:1px solid rgba(246,239,227,.35);background:#f6efe3f5;color:var(--ink);font:500 16px/1 var(--f-ui);padding:0 18px;width:100%;outline-offset:2px}.name-box{position:relative;display:block}.name-box input{padding-right:82px}.name-count{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#3b2a208c;pointer-events:none;transition:color .15s}.name-count.is-near{color:#c0392b}.name-field input::placeholder{color:#3b2a2073;font-size:14px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:340px}.sheet-actions .pill{padding:0 8px;font-size:15px;height:50px}.sheet .pill{box-shadow:none}.sheet .ghost{color:#f6efe3}.toast{position:fixed;left:50%;top:calc(var(--safe-t) + 60px);transform:translate(-50%,-10px);z-index:30;background:var(--ink);color:#f6efe3;font-size:13.5px;font-weight:500;padding:11px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap;box-shadow:0 8px 22px #2e1f1759}.toast.is-on{opacity:1;transform:translate(-50%)}@media(max-height:640px){.fields{gap:2px 18px}.panel{padding:8px 14px}.actions .pill{height:46px}}@media(prefers-reduced-motion:reduce){.screen.is-on,.sheet{animation:none}}