@font-face{font-family:DGB UI;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dgb-ui-400.woff2)format("woff2")}@font-face{font-family:DGB UI;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dgb-ui-700.woff2)format("woff2")}@font-face{font-family:DGB NanumSquare;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/dgb-nanumsquare-700.jamo.woff2)format("woff2");unicode-range:U+20-7E,U+3131-3163}@font-face{font-family:DGB NanumSquare;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/dgb-nanumsquare-700.ks.woff2)format("woff2")}@font-face{font-family:DGB BlackHan;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/dgb-blackhan-400.jamo.woff2)format("woff2");unicode-range:U+20-7E,U+3131-3163}@font-face{font-family:DGB BlackHan;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/dgb-blackhan-400.ks.woff2)format("woff2")}@font-face{font-family:DGB GothicA1;font-style:normal;font-weight:900;font-display:block;src:url(/fonts/dgb-gothica1-900.jamo.woff2)format("woff2");unicode-range:U+20-7E,U+3131-3163}@font-face{font-family:DGB GothicA1;font-style:normal;font-weight:900;font-display:block;src:url(/fonts/dgb-gothica1-900.ks.woff2)format("woff2")}:root{--paper:#f3d7be;--paper-deep:#e8c9ac;--ink:#221c18;--ink-soft:#6c5e55;--red:#b4371f;--red-dark:#8e2a18;--gold:#e3b75c;--line:#d8bfa9;--white:#fff;--radius:18px;--shadow:0 16px 40px #412a1e1a;--font-ui:"DGB UI","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-synthesis:none}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.topbar{border-bottom:1px solid #0000;align-items:center;gap:24px;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.logo{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1.25rem;font-weight:800;display:flex}.seal,.mini-seal,.empty-seal,.rank-seal{background:var(--red);color:var(--paper);place-items:center;font-weight:900;display:inline-grid;transform:rotate(-2deg)}.seal{border-radius:9px;width:34px;height:34px;font-size:1.25rem}.topbar nav{gap:12px;min-width:0;margin-left:auto;display:flex}.topbar nav button,.icon-button,footer button{color:var(--ink-soft);background:0 0;border:0;padding:8px}.topbar nav button:hover,.text-button:hover,footer button:hover{color:var(--red)}.topbar nav button[aria-current=page],.icon-button[aria-current=page]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--red);font-weight:800}.current-location{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#ffffff8c;border-radius:999px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:800}.icon-button{font-size:1.25rem}main{max-width:1180px;min-height:calc(100vh - 144px);margin:auto;padding:34px 28px 72px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:54px;min-height:520px;display:grid}.eyebrow{color:var(--red);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.75rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:22px;font-size:clamp(2.5rem,7vw,4.75rem);line-height:1.15}h1 em{color:var(--red);font-style:normal}h2{letter-spacing:-.05em;font-size:1.75rem}.hero-copy{color:var(--ink-soft);margin-bottom:28px;font-size:1.125rem;line-height:1.75}.primary,.secondary,.danger{border:1px solid #0000;border-radius:999px;padding:12px 20px;font-weight:800}.primary{color:var(--white);background:var(--red);box-shadow:0 7px 18px #b4371f38}.primary:hover{background:var(--red-dark);transform:translateY(-1px)}.primary.large{padding:16px 26px;font-size:1rem}.primary span{margin-left:12px}.secondary{color:var(--ink);border-color:var(--line);background:#ffffff8c}.secondary:hover{border-color:var(--red);color:var(--red)}.danger{color:#9f251b;background:#fff2ef;border-color:#e4aaa2}.full{width:100%}.text-button{color:var(--red);background:0 0;border:0;padding:6px 0;font-weight:800}.hero-art{place-items:center;display:grid}.paper-card{aspect-ratio:1/1.04;background:var(--paper-deep);width:min(360px,90%);box-shadow:var(--shadow);border:10px solid #fff;flex-direction:column;justify-content:space-between;padding:34px;display:flex;transform:rotate(4deg)}.paper-card strong{color:var(--red);letter-spacing:-.08em;font-size:2.5rem;line-height:1.2}.mini-seal{border-radius:12px;width:44px;height:44px;font-size:1.5rem}.paper-card small{color:var(--ink-soft)}.section{margin-top:32px}.section-heading,.page-head,.modal-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{margin-bottom:0}.template-grid,.gallery-grid,.dogam-grid,.pack-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.template-card{text-align:left;color:var(--ink);background:0 0;border:0;padding:0}.template-preview{aspect-ratio:1.15;border-radius:var(--radius);background:linear-gradient(135deg,var(--paper-deep),#fff);border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;transition:all .2s;display:flex}.template-card:hover .template-preview{box-shadow:var(--shadow);transform:translateY(-4px)}.template-preview strong{color:var(--accent);text-align:center;letter-spacing:-.08em;font-size:1.375rem}.preview-seal{background:var(--accent);color:var(--paper);border-radius:8px;padding:8px;font-weight:900}.template-card>span{justify-content:space-between;padding:12px 4px;display:flex}.template-card small,.gallery-meta small,.dogam-card small,.settings-row small{color:var(--ink-soft);margin-top:4px;display:block}.value-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px;padding:22px 0;display:grid}.value-strip div{flex-direction:column;gap:5px;display:flex}.value-strip span,.muted{color:var(--ink-soft)}.page-head{align-items:center;margin:18px 0 30px}.page-head h1{margin-bottom:8px;font-size:3rem}.head-actions{flex-wrap:wrap;gap:10px;display:flex}.editor-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.canvas-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:18px}.design-canvas{background:var(--paper);border-radius:12px;width:100%;height:auto;display:block}.canvas-toolbar{flex-wrap:wrap;gap:10px;padding-top:14px;display:flex}.canvas-toolbar button,.stamp-row button{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:9px 12px}.editor-sidebar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:17px;padding:20px;display:grid}label{gap:7px;font-size:.8125rem;font-weight:800;display:grid}input,textarea,select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:11px;padding:10px 12px}textarea{resize:vertical;min-height:86px}input[type=color]{height:42px;padding:3px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.jamo-note{border-left:3px solid var(--gold);background:#fffbf1;gap:5px;padding:11px 12px;display:grid}.jamo-note span{letter-spacing:.18em;color:var(--red)}.tool-box{border-top:1px solid var(--line);gap:10px;padding-top:15px;display:grid}.stamp-row{gap:8px;display:flex}.upload-button,.file-button{border:1px dashed var(--red);color:var(--red);text-align:center;cursor:pointer;border-radius:12px;padding:12px}.upload-button input,.file-button input{display:none}.tool-box small{color:var(--ink-soft);font-weight:400;line-height:1.45}.event-box{gap:8px}.dogam-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}.dogam-card,.gallery-card,.pack-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.dogam-card{align-items:center;gap:14px;padding:14px;display:flex}.dogam-thumb{aspect-ratio:1;background:var(--paper-deep);width:74px;color:var(--red);border-radius:12px;place-items:center;font-size:2rem;font-weight:900;display:grid}.gallery-card .design-canvas{border-bottom:1px solid var(--line);border-radius:0}.gallery-meta{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.gallery-meta b{display:block}.gallery-meta button{background:var(--paper-deep);color:var(--ink-soft);border:0;border-radius:999px;padding:8px 12px}.gallery-meta button.liked{color:var(--red);background:#ffe6df}.ranking-empty,.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);background:#ffffff73;padding:90px 24px}.rank-seal,.empty-seal{border-radius:18px;width:64px;height:64px;margin-bottom:20px;font-size:2rem}.ranking-empty p,.empty p,.text-page p{color:var(--ink-soft);line-height:1.75}.status-chip{color:#76580e;background:#fff3ca;border-radius:999px;padding:8px 12px;font-size:.8125rem;font-weight:800}.pack-grid{grid-template-columns:repeat(2,1fr);max-width:760px}.pack-card{gap:10px;padding:26px;display:grid}.pack-card strong{color:var(--red)}.pack-mark{color:var(--gold);font-size:1.875rem}.muted-card{opacity:.7}.settings-list{gap:20px;max-width:760px;display:grid}.settings-group{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.settings-group h2{margin-bottom:8px;font-size:1.125rem}.settings-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:54px;display:flex}.settings-row:first-of-type{border-top:0}.danger-row{color:#9f251b}.danger-row>div{gap:3px;display:grid}code{color:var(--ink-soft);font-size:.75rem}.text-page{max-width:720px}.text-page h1{font-size:3.25rem}.text-page h2{margin-top:34px;font-size:1.4375rem}.text-page .primary{margin-top:20px}footer{border-top:1px solid var(--line);max-width:1180px;color:var(--ink-soft);justify-content:space-between;margin:auto;padding:20px 28px 34px;font-size:.75rem;display:flex}footer span:last-child{gap:15px;display:flex}.toast{z-index:5;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:999px;padding:13px 18px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:4;background:#221c188f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sim-modal,.confirm-modal{background:var(--paper);border-radius:22px;width:min(760px,100%);max-height:94vh;padding:20px;overflow:auto;box-shadow:0 30px 80px #0000003d}.confirm-modal{width:min(480px,100%)}.confirm-modal p{color:var(--ink-soft);line-height:1.6}.sim-controls,.modal-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.modal-actions{justify-content:flex-end;margin-top:20px;margin-bottom:0;display:flex}.modal-head h2{margin:0}.modal-head button{color:var(--ink-soft);background:0 0;border:0;font-size:1.75rem}.error-state{text-align:center;border:1px solid var(--line);border-radius:var(--radius);max-width:620px;box-shadow:var(--shadow);background:#fff;margin:12vh auto;padding:42px 28px}.error-state p{color:var(--ink-soft);line-height:1.7}@media (max-width:800px){.topbar{flex-wrap:wrap;gap:4px 14px;height:auto;min-height:76px;padding:10px 18px 0}.topbar nav{flex:80px;gap:2px;margin-left:0;overflow:auto}.topbar nav button{padding:8px 5px;font-size:.75rem}.current-location{flex:0 0 calc(100% - 44px);order:4;margin:0 0 10px 44px}main{padding:22px 18px 55px}.hero{grid-template-columns:1fr;gap:35px;min-height:auto;padding:30px 0 58px}.hero-art{order:-1}.paper-card{width:min(280px,85%)}.paper-card strong{font-size:1.9375rem}.template-grid{grid-template-columns:repeat(2,1fr);gap:10px}.value-strip{grid-template-columns:1fr;margin-top:45px}.editor-layout{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:2.5rem}.head-actions{flex-wrap:wrap}.gallery-grid,.dogam-grid,.pack-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:12px;padding:18px}}.studio-shell{margin-top:-14px}.recovery-banner{background:#fff8e8;border:1px solid #e8bc75;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;padding:12px 15px;display:flex}.recovery-banner>div{align-items:center;gap:10px;display:flex}.recovery-banner span{color:var(--ink-soft);font-size:.75rem}.studio-topline{justify-content:space-between;align-items:center;gap:24px;padding:14px 0 20px;display:flex}.studio-title{letter-spacing:-.045em;background:0 0;border:0;min-width:320px;padding:0;font-size:1.75rem;font-weight:900}.studio-title[aria-invalid=true]{outline-offset:2px;outline:2px solid #b42318}.field-error{color:#8e2018;margin-top:7px;font-size:.8125rem;font-weight:800;display:block}.studio-title:focus{outline:2px solid color-mix(in srgb,var(--red) 35%,transparent);outline-offset:5px;border-radius:6px}.studio-actions{align-items:center;gap:8px;display:flex}.tool-icon{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:8px 10px;display:flex}.tool-icon span{font-size:.75rem}.studio-grid{grid-template-columns:76px minmax(440px,1fr) 342px;align-items:start;gap:14px;display:grid}.studio-rail,.studio-canvas-card,.studio-inspector{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 8px 28px #412a1e12}.studio-rail{gap:5px;padding:8px;display:grid;position:sticky;top:12px}.studio-rail button{color:var(--ink-soft);background:0 0;border:0;border-radius:10px;place-items:center;gap:3px;min-height:60px;padding:7px 3px;font-size:.6875rem;font-weight:800;display:grid}.studio-rail button span{font-size:1.375rem;line-height:1}.studio-rail button:hover,.studio-rail button.active{color:var(--red);background:#fbece7}.studio-rail button.active{box-shadow:inset 4px 0 0 var(--red)}.studio-canvas-card{min-width:0;overflow:hidden}.stage-meta{border-bottom:1px solid var(--line);min-height:46px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;font-size:.75rem;display:flex}.guide-key{align-items:center;gap:6px;display:flex}.guide-key i{border-top:2px dashed;width:15px;display:inline-block}.trim-dot{border-color:#d92d20}.safe-dot{border-color:#2563eb;margin-left:8px}.stage-viewport{background:radial-gradient(circle at 50% 20%,#f9f5ef,#ede6de);place-items:center;min-height:600px;padding:28px;display:grid;overflow:auto}.design-stage{width:min(calc(100% * var(--stage-zoom,1)),720px);aspect-ratio:auto;filter:drop-shadow(0 18px 24px #34251d29);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;max-height:620px;display:block}.stage-paper{stroke:#d6c8bc;stroke-width:.45px}.stage-layer{cursor:grab}.stage-layer:active{cursor:grabbing}.selection-frame rect{fill:none;stroke:#2563eb;stroke-width:2px;stroke-dasharray:5 3}.selection-frame .handle-visual{fill:#fff;stroke:#2563eb;stroke-width:1.5px;vector-effect:non-scaling-stroke}.selection-frame .resize-hit-target,.selection-frame .rotate-hit-target{fill:#0000;stroke:#0000;cursor:pointer}.trim-guide,.safe-guide{fill:none;vector-effect:non-scaling-stroke;pointer-events:none}.trim-guide{stroke:#d92d20;stroke-width:1px;stroke-dasharray:7 5}.safe-guide{stroke:#2563eb;stroke-width:1px;stroke-dasharray:3 4;opacity:.65}.stage-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.stage-layer-controls{border:0;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:8px;margin:0;padding:12px 14px 14px;display:grid}.stage-layer-controls legend{padding:0;font-weight:900}.stage-layer-controls p{color:var(--ink-soft);grid-column:1/-1;margin:0 0 2px;font-size:.75rem;line-height:1.45}.stage-layer-controls label{color:var(--ink-soft);gap:4px;font-size:.6875rem;font-weight:800;display:grid}.stage-layer-controls input{width:100%;min-width:0;color:var(--ink);font:inherit;padding:6px 7px}.stage-bottom>div{align-items:center;gap:3px;display:flex}.stage-bottom button{background:0 0;border:0;border-radius:8px;min-width:44px;min-height:44px}.stage-bottom button:hover{background:var(--paper-deep)}.stage-bottom output{text-align:center;min-width:50px;color:var(--ink-soft);font-size:.75rem}.stage-bottom .readability-cta{color:var(--red);width:auto;padding:7px 12px;font-weight:900}.studio-inspector{align-content:start;gap:16px;min-height:690px;max-height:calc(100vh - 24px);padding:19px;display:grid;position:sticky;top:12px;overflow:auto}.inspector-head{justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:4px;display:flex}.inspector-head p{color:var(--red);letter-spacing:.14em;margin:0 0 4px;font-size:.625rem;font-weight:900}.inspector-head h2{margin:0;font-size:1.375rem}.free-chip{color:#166534;background:#eaf7ee;border-radius:999px;padding:5px 9px;font-size:.6875rem;font-weight:900}.panel-description{color:var(--ink-soft);margin:-6px 0 0;font-size:.8125rem;line-height:1.55}.segmented{background:var(--paper-deep);border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{color:var(--ink-soft);background:0 0;border:0;border-radius:8px;padding:9px;font-weight:800}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #412a1e14}.control-section{border-top:1px solid var(--line);gap:10px;padding-top:15px;display:grid}.control-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.control-title>div{flex-direction:column;display:flex}.control-title:not(:has(button)){flex-direction:column;display:flex}.control-title small{color:var(--ink-soft);margin-top:3px;font-size:.6875rem}.jamo-picker{grid-template-columns:repeat(5,1fr);gap:5px;max-height:172px;padding:2px;display:grid;overflow:auto}.jamo-picker button{border:1px solid var(--line);background:var(--paper);border-radius:9px;place-items:center;min-height:53px;padding:5px 2px;display:grid}.jamo-picker button span{font-size:1.25rem;font-weight:900}.jamo-picker button small{color:var(--ink-soft);font-size:.5rem}.jamo-picker button.active{outline:2px solid var(--red);background:#fff1ed}.jamo-picker .role-jong small{color:#a16207}.selected-jamo-card{background:linear-gradient(135deg,#fff1ed,#fff8f2);border:1px solid #f2c6b8;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.selected-jamo-card div{gap:3px;display:grid}.selected-jamo-card small{color:var(--ink-soft)}.selected-jamo-card input{width:50px}.range-control{gap:8px}.range-control>span{justify-content:space-between;align-items:center;display:flex}.range-value{color:var(--red);align-items:center;gap:3px;display:flex}.range-value input{text-align:right;font-variant-numeric:tabular-nums;width:62px;height:28px;padding:3px 5px;font-size:.75rem}.range-value i{font-size:.6875rem;font-style:normal}.range-control>input{accent-color:var(--red);padding:0}.mini-button{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:8px;padding:5px 8px;font-size:.6875rem;font-weight:800}.outline-row{grid-template-columns:24px 42px 1fr 28px;align-items:center;gap:7px;display:grid}.outline-row span{background:var(--paper-deep);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.625rem;display:grid}.outline-row input{min-width:0;height:38px;padding:4px 6px}.outline-row button{color:var(--ink-soft);background:0 0;border:0;font-size:1.125rem}.background-row{grid-template-columns:54px 1fr;gap:8px;display:grid}.background-row input{height:44px}.stamp-drawer{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.stamp-drawer button{border:1px solid var(--line);background:var(--paper);border-radius:11px;place-items:center;gap:2px;min-height:68px;padding:7px 3px;display:grid}.stamp-drawer button:hover{border-color:var(--red);background:#fff4f0}.stamp-drawer span{color:var(--red);font-size:1.5rem}.stamp-drawer small{color:var(--ink-soft);font-size:.5625rem;line-height:1.15}.photo-drop{border:1.5px dashed var(--red);color:var(--red);cursor:pointer;background:#fff8f5;border-radius:14px;place-items:center;min-height:92px;display:grid}.photo-drop input{display:none}.privacy-note{color:#166534;background:#eaf7ee;border-radius:10px;padding:10px 12px;font-size:.75rem;font-weight:800}.model-progress{color:var(--ink-soft);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:.6875rem;display:grid}.model-progress progress{width:100%;accent-color:var(--red)}.layer-list{gap:6px;display:grid}.layer-list button{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.layer-list button>span{width:30px;height:30px;color:var(--red);background:#fff;border-radius:7px;place-items:center;display:grid}.layer-list button b{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.layer-list button i{color:var(--ink-soft);font-size:.5625rem;font-style:normal}.layer-list button.active{border-color:var(--red);background:#fff4f0}.layer-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.layer-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;font-size:.6875rem}.layer-actions button:last-child{grid-column:1/-1}.print-proof{color:var(--ink-soft);background:#f7f2ea;border-radius:12px;gap:7px;padding:14px;font-size:.75rem;display:grid}.print-proof b{color:var(--ink)}.print-proof span:before{content:"✓";color:#15803d;margin-right:7px;font-weight:900}.event-fields{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.readability-modal{background:var(--paper);border-radius:22px;width:min(920px,96vw);max-height:94vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #00000047}.readability-modal header{justify-content:space-between;align-items:flex-start;display:flex}.readability-modal header h2{margin:0}.readability-modal header button{background:0 0;border:0;font-size:1.875rem}.sim-option-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.readability-preview{background:#dbe3ea;border-radius:15px;place-items:center;height:310px;display:grid;overflow:hidden}.readability-preview.mode-dark{background:#080b12}.readability-preview.mode-lightstick{background:radial-gradient(circle,#eaddf8,#070713 68%)}.readability-preview>div{transform-origin:50%;width:420px}.readability-preview .stage-viewport{background:0 0;min-height:0;padding:12px}.readability-preview .stage-meta,.readability-preview .stage-bottom{display:none}.score-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:100px 1fr;align-items:center;gap:18px;margin:18px 0;padding:16px;display:grid}.score-ring{text-align:center;border:8px solid #f59e0b;border-radius:50%;place-content:center;width:86px;height:86px;display:grid}.score-ring.score-good{border-color:#16a34a}.score-ring strong{font-size:1.75rem;line-height:1}.score-ring span{color:var(--ink-soft);font-size:.625rem}.score-card h3{margin:0 0 8px}.score-card ul{color:var(--ink-soft);margin:0;padding-left:18px;font-size:.8125rem;line-height:1.55}@media (max-width:1100px){.studio-grid{grid-template-columns:68px minmax(360px,1fr) 310px}.stage-viewport{min-height:520px;padding:16px}.tool-icon span{display:none}}@media (max-width:860px){.recovery-banner{flex-direction:column;align-items:flex-start}.recovery-banner>div{flex-wrap:wrap}.studio-topline{flex-direction:column;align-items:flex-start}.studio-title{width:100%;min-width:0}.studio-actions{width:100%;padding-bottom:2px;overflow:auto}.studio-grid{grid-template-columns:1fr}.studio-rail{order:2;grid-template-columns:repeat(6,1fr);position:static;overflow:auto}.studio-rail button{min-height:54px}.studio-canvas-card{order:1}.studio-inspector{order:3;min-height:0;max-height:none;position:static}.stage-viewport{min-height:430px;padding:12px}.stage-meta{flex-direction:column;align-items:flex-start}.jamo-picker{grid-template-columns:repeat(6,1fr)}.stamp-drawer{grid-template-columns:repeat(5,1fr)}}@media (max-width:520px){.studio-shell{margin-left:-10px;margin-right:-10px}.studio-actions{flex-wrap:wrap}.studio-actions .primary{margin-left:auto}.studio-rail{border-radius:12px;gap:2px;padding:4px}.studio-rail button{font-size:.5625rem}.studio-rail button span{font-size:1.125rem}.stage-viewport{min-height:360px}.stage-bottom{flex-direction:column;align-items:stretch}.stage-bottom .readability-cta{width:100%}.studio-inspector{padding:16px}.jamo-picker{grid-template-columns:repeat(5,1fr)}.stamp-drawer{grid-template-columns:repeat(4,1fr)}.sim-option-grid,.score-card{grid-template-columns:1fr}.readability-preview{height:250px}.readability-preview>div{width:360px}.topbar nav button:nth-child(n+3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dogam-card{color:var(--ink);text-align:left;font:inherit}.dogam-card:hover{border-color:var(--red);box-shadow:var(--shadow);transform:translateY(-2px)}.dogam-card p{color:var(--ink-soft);margin:5px 0}.dogam-thumb,.dogam-thumb-image{object-fit:cover;border-radius:12px;flex:0 0 90px;width:90px;height:90px}.dogam-card-copy{flex:1;min-width:0}.dogam-card-main{width:100%;min-height:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.dogam-card-main b,.dogam-card-main p,.dogam-card-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dogam-recap{grid-template-columns:repeat(3,1fr);gap:12px;margin:-6px 0 24px;display:grid}.dogam-recap article{border:1px solid var(--line);background:#fff;border-radius:14px;gap:4px;padding:16px 18px;display:grid}.dogam-recap strong{color:var(--red);font-size:.8125rem}.dogam-recap span{font-size:1.1875rem;font-weight:900}.dogam-recap small{color:var(--ink-soft)}@media (max-width:520px){.dogam-recap{grid-template-columns:1fr}.dogam-recap article{grid-template-columns:58px 1fr auto;align-items:center}.dogam-recap article>*{margin:0}}.product-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);min-height:620px}.landing-primary{margin-top:4px}.landing-privacy{color:var(--ink-soft);margin:14px 0 0;font-size:.75rem}.landing-workbench{padding:28px 0 48px 28px;position:relative}.landing-workbench:before{content:"";background:#e8ddd1;border:1px solid #d6c7b9;position:absolute;inset:4px 22px 30px 0;transform:rotate(-2deg)}.landing-sheet{background:#fffcf7;border:1px solid #cdbfb2;width:min(430px,100%);margin-left:auto;position:relative;transform:rotate(.8deg);box-shadow:8px 11px #62452f1f}.landing-sheet header,.landing-sheet footer{border-bottom:1px solid var(--line);color:var(--ink-soft);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:.6875rem;display:flex}.landing-sheet header b{color:var(--ink);font-variant-numeric:tabular-nums}.landing-sheet footer{border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap;justify-content:flex-start;gap:8px}.landing-sheet footer span+span:before{content:"·";color:#b9a89a;margin-right:8px}.landing-fan-preview{aspect-ratio:285/295;background:#fff7f0;border:2px solid #d8ccc1;border-radius:48% 48% 45% 45%;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:min(285px,75%);margin:30px auto 48px;display:flex;position:relative}.landing-fan-preview:after{content:"";background:var(--red);z-index:-1;border:2px solid #7c2518;border-top:0;border-radius:0 0 13px 13px;width:34px;height:74px;position:absolute;bottom:-54px}.landing-fan-preview strong{letter-spacing:-.14em;font-size:clamp(2.625rem,5vw,3.875rem);line-height:1}.landing-fan-preview small{color:var(--ink-soft);font-size:.6875rem;font-weight:800}.landing-fan-mark{background:var(--red);color:#fff8f2;border-radius:6px;place-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:900;display:grid;position:absolute;top:23px;left:24px;transform:rotate(-4deg)}.landing-pencil-note{border-left:3px solid var(--red);color:#5c4a3e;background:#fff9d8;width:min(300px,86%);margin:-18px 0 0 -14px;padding:12px 14px 11px;font-size:.75rem;line-height:1.55;position:relative;transform:rotate(-1.5deg)}.landing-boundary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr;display:grid}.landing-boundary p{gap:7px;margin:0;padding:23px 20px 24px 0;display:grid}.landing-boundary p+p{border-left:1px solid var(--line);padding-left:28px}.landing-boundary span{color:var(--red);letter-spacing:.08em;font-size:.6875rem;font-weight:900}.landing-boundary strong{max-width:520px;font-size:.875rem;line-height:1.55}@media (max-width:800px){.product-hero{grid-template-columns:1fr;gap:14px;min-height:auto}.landing-intro{padding:24px 0 8px}.landing-intro .hero-copy br{display:none}.landing-primary{width:100%}.landing-workbench{padding:16px 10px 44px 20px}.landing-workbench:before{inset:0 18px 24px 0}.landing-sheet{width:100%}.landing-fan-preview{width:min(255px,78%)}.landing-pencil-note{margin-top:-14px}.landing-boundary{grid-template-columns:1fr}.landing-boundary p{padding:20px 0}.landing-boundary p+p{border-left:0;border-top:1px solid var(--line);padding-left:0}.template-grid{grid-template-columns:repeat(2,1fr)}}.eraser-modal{background:var(--paper);border-radius:22px;width:min(920px,96vw);max-height:94vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #00000047}.eraser-modal header{justify-content:space-between;align-items:flex-start;display:flex}.eraser-modal header button{background:0 0;border:0;font-size:1.875rem}.eraser-modal canvas{object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/20px 20px;touch-action:none;border-radius:12px;width:100%;max-height:62vh;margin-top:16px;display:block}.stage-viewport.cmyk-preview .design-stage{filter:saturate(.72)contrast(.96)brightness(.94)}.settings-row input[type=checkbox]{width:44px;accent-color:var(--red);flex:0 0 44px}.context-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.template-art{isolation:isolate;width:100%;height:100%;color:var(--art-paper);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--art-accent) 30%,transparent) 0 23%,transparent 24%), linear-gradient(135deg,var(--art-bg-a),var(--art-bg-b));flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:42px 28px 30px;display:flex;position:relative;overflow:hidden}.template-art:before{content:"";border:1px solid color-mix(in srgb,var(--art-paper) 28%,transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:14px}.template-art strong{z-index:2;max-width:92%;color:var(--art-paper);font-family:"DGB BlackHan",var(--font-ui);letter-spacing:-.09em;text-align:center;text-wrap:balance;-webkit-text-stroke:7px var(--art-accent);paint-order:stroke fill;filter:drop-shadow(0 4px 0 color-mix(in srgb,var(--art-bg-a) 85%,black));font-size:clamp(2.375rem,5vw,4.25rem);font-weight:900;line-height:.94;position:relative;transform:rotate(-2deg)}.art-kicker{z-index:2;color:var(--art-secondary);letter-spacing:.12em;border:1px solid;border-radius:999px;padding:6px 11px;font-size:.6875rem;font-weight:900;position:relative}.template-art small{z-index:2;color:color-mix(in srgb,var(--art-paper) 82%,transparent);letter-spacing:.08em;font-size:.75rem;font-weight:800;position:relative}.art-orbit{z-index:0;border:1px solid color-mix(in srgb,var(--art-secondary) 52%,transparent);border-radius:50%;position:absolute;transform:rotate(-14deg)}.orbit-one{aspect-ratio:1;width:82%}.orbit-two{aspect-ratio:1;border-style:dashed;width:56%;transform:rotate(22deg)}.art-spark{z-index:2;color:var(--art-secondary);line-height:1;position:absolute}.spark-one{font-size:1.875rem;top:20%;left:16%;transform:rotate(-12deg)}.spark-two{color:var(--art-accent);font-size:1.625rem;bottom:22%;right:15%;transform:rotate(12deg)}.art-underline{z-index:2;background:var(--art-secondary);border-radius:50%;width:44%;height:8px;margin-top:-2px;position:relative;transform:rotate(-4deg)skew(-16deg)}.mood-ticket .art-orbit{border-radius:24%;transform:rotate(44deg)}.mood-ribbon .orbit-one{border-width:2px;transform:scaleX(1.2)rotate(-9deg)}.template-art.compact{gap:6px;min-height:100%;padding:25px 16px 18px}.template-art.compact:before{inset:9px}.template-art.compact strong{-webkit-text-stroke:4px var(--art-accent);font-size:clamp(1.375rem,2.2vw,2.0625rem)}.template-art.compact .art-kicker{padding:4px 7px;font-size:.5rem}.template-art.compact small{font-size:.75rem}.template-art.compact .spark-one{font-size:1.125rem}.template-art.compact .spark-two{font-size:1rem}.template-preview{aspect-ratio:1.15;background:#17142a;border:0;padding:0;overflow:hidden;box-shadow:0 1px #221c1814}.template-card:hover .template-preview,.template-card:focus-visible .template-preview{box-shadow:0 14px 30px #2518162b}.product-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:42px;min-height:650px;position:relative}.product-hero:before{content:"";z-index:-1;background:color-mix(in srgb,var(--red) 8%,transparent);filter:blur(2px);border-radius:50%;width:320px;height:320px;position:absolute;top:8%;right:5%}.landing-intro{padding:36px 0 54px}.landing-intro h1{max-width:690px;font-size:clamp(2.75rem,5.6vw,4.25rem);line-height:1.15}.landing-intro .hero-copy{word-break:keep-all;max-width:650px}.landing-stage{place-items:center;min-height:570px;padding:32px 20px 64px;display:grid;position:relative;overflow:hidden}.landing-fan-shell{z-index:2;aspect-ratio:285/295;border:9px solid #fff8ef;border-radius:49% 49% 46% 46%;width:min(400px,92%);position:relative;overflow:visible;transform:rotate(2.5deg);box-shadow:0 26px 55px #301d1733,0 0 0 1px #221c181f}.landing-fan-shell .template-art{border-radius:45%}.landing-handle{z-index:-1;background:linear-gradient(90deg,#8e2a18,#c84a32 48%,#8e2a18);border:1px solid #6e251b;border-radius:0 0 16px 16px;width:38px;height:98px;position:absolute;bottom:-82px;left:calc(50% - 19px);box-shadow:0 13px 20px #4b23192e}.landing-stage-back{z-index:1;aspect-ratio:1;opacity:.62;filter:saturate(.8);border:7px solid #fff8ef;border-radius:47%;width:270px;position:absolute;top:9%;right:-3%;overflow:hidden;transform:rotate(14deg)}.landing-distance-badge{z-index:4;background:#fff9f0;border:1px solid #c5b19e;border-radius:12px;gap:3px;margin:0;padding:13px 17px;display:grid;position:absolute;bottom:70px;left:-7px;transform:rotate(-4deg);box-shadow:5px 6px #4c33261c}.landing-distance-badge span{color:var(--red);letter-spacing:.12em;font-size:.625rem;font-weight:900}.landing-distance-badge strong{font-size:.875rem}.landing-output-note{z-index:4;color:var(--ink-soft);margin:0;font-size:.75rem;font-weight:800;position:absolute;bottom:20px;right:0}.landing-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.landing-steps article{gap:15px;padding:23px 22px;display:flex}.landing-steps article+article{border-left:1px solid var(--line)}.landing-steps article>span{color:var(--red-dark);letter-spacing:.08em;font-size:.75rem;font-weight:900}.landing-steps strong{margin-bottom:5px;font-size:.9375rem;display:block}.landing-steps p{color:var(--ink-soft);word-break:keep-all;margin:0;font-size:.75rem;line-height:1.5}.landing-boundary-note{max-width:780px;color:var(--ink-soft);word-break:keep-all;margin:20px 0 0;font-size:.75rem;line-height:1.65}@media (max-width:800px){.product-hero{grid-template-columns:1fr;gap:0;padding-top:12px}.landing-intro{padding:24px 0 8px}.landing-intro h1{font-size:clamp(2.4375rem,12vw,3.625rem)}.landing-primary{width:100%}.landing-stage{min-height:520px;padding-top:34px}.landing-fan-shell{width:min(360px,88%)}.landing-stage-back{width:220px;right:-1%}.landing-steps{grid-template-columns:1fr}.landing-steps article{padding:18px 0}.landing-steps article+article{border-left:0;border-top:1px solid var(--line)}}@media (max-width:520px){main{padding-left:14px;padding-right:14px}.product-hero{padding-bottom:34px}.landing-intro h1{font-size:2.375rem;line-height:1.15}.landing-intro .hero-copy{font-size:1rem;line-height:1.65}.landing-stage{min-height:430px;padding:22px 0 58px}.landing-fan-shell{border-width:6px;width:min(300px,84%)}.landing-fan-shell .template-art{padding:34px 18px 24px}.landing-fan-shell .template-art strong{-webkit-text-stroke-width:5px;font-size:2.625rem}.landing-stage-back{border-width:5px;width:170px;top:8%;right:-5px}.landing-distance-badge{bottom:55px;left:0}.landing-output-note{bottom:8px;right:0}.template-grid{grid-template-columns:1fr 1fr}.template-art.compact{padding:21px 8px 14px}.template-art.compact strong{font-size:1.3125rem}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid color-mix(in srgb,var(--red) 55%,white);outline-offset:3px}button{min-width:44px;min-height:44px}.logo,.topbar nav button,.icon-button,footer button,.text-button,.tool-icon,.stage-bottom button,.segmented button,.mini-button,.outline-row button,.layer-actions button,.modal-head button,.readability-modal header button{min-height:44px}.support-email{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:0 8px;display:inline-flex}.support-email>span{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}.support-email .text-button{min-height:44px}.support-email small{color:var(--ink-soft);flex-basis:100%}.icon-button,.stage-bottom button,.outline-row button,.modal-head button,.readability-modal header button{min-width:44px}.studio-title,input:not([type=range]):not([type=file]),select,input[type=range]{min-height:44px}.range-value input,.outline-row input{height:44px}@media (max-width:800px){.topbar nav button{padding:8px}}.studio-title{width:100%;min-width:0;max-width:100%}.studio-topline>div,.studio-inspector,.studio-grid>*{min-width:0}.storage-error,.recovery-banner,.recovery-banner>div,.studio-actions,.stage-meta,.stage-bottom,.head-actions{flex-wrap:wrap}.storage-error p{margin:.25rem 0}.print-proof p{overflow-wrap:anywhere;margin:.35rem 0}button,input,select,textarea{max-width:100%}button{white-space:normal;overflow-wrap:anywhere}@media (max-width:760px){.studio-rail{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.studio-title{font-size:1.75rem}.studio-topline{flex-direction:column;align-items:stretch}.studio-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topbar{flex-wrap:wrap;height:auto;min-height:4rem}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-rail button{min-width:0}.range-value,.outline-row,.event-fields{flex-wrap:wrap}.readability-modal{max-height:90dvh;overflow:auto}}.legacy-backups{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin:0 0 12px;padding:12px 16px}.legacy-backups summary{cursor:pointer;font-weight:700}.legacy-backups p{font-size:.875rem;line-height:1.55}.legacy-backups button{margin:.25rem}.toast{pointer-events:none;border-radius:1rem;max-width:calc(100vw - 2rem)}.recovery-disclosure{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 12px}.recovery-disclosure>summary,.stage-layer-disclosure>summary{cursor:pointer;min-height:44px;padding:12px 14px;font-size:.875rem;font-weight:800}.recovery-disclosure .recovery-banner{box-shadow:none;border:0;margin:0}.stage-layer-disclosure{border-top:1px solid var(--line)}.stage-layer-disclosure .stage-layer-controls{border-top:0}@media (max-width:760px){.studio-topline{gap:8px;margin-bottom:12px}.studio-topline .eyebrow{margin-bottom:4px}.studio-actions{grid-template-columns:auto auto minmax(0,1fr) minmax(0,1.2fr);gap:6px}.studio-actions .tool-icon{padding:6px}.studio-actions .primary,.studio-actions .secondary{padding:8px;font-size:.8125rem}.studio-actions .primary{margin-left:0}}@media (max-width:350px){.studio-actions{grid-template-columns:44px 44px minmax(0,1fr)}.studio-actions .primary{grid-column:1/-1}}body{word-break:keep-all;overflow-wrap:break-word}#root{flex-direction:column;min-height:100dvh;display:flex}#root>main{flex:1 0 auto;width:100%}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.04em;line-height:1.16}h2{letter-spacing:-.035em;line-height:1.25}h3{letter-spacing:-.025em;line-height:1.3}p,li,.panel-description,.settings-row small{text-wrap:pretty}.eyebrow{color:var(--red-dark);letter-spacing:.08em;line-height:1.5}.landing-boundary span{color:var(--red-dark)}.paper-card strong,.template-preview strong,.landing-fan-preview strong{letter-spacing:-.04em}.landing-sheet header,.landing-sheet footer{flex-wrap:wrap}.landing-sheet header,.landing-sheet footer,.landing-fan-preview small,.landing-boundary span,.studio-rail button,.inspector-head p,.free-chip,.control-title small,.studio-inspector label small,.jamo-picker button small,.range-value i,.mini-button,.stamp-drawer small,.model-progress,.layer-list button i,.layer-actions button,.score-ring span{font-size:.75rem}.studio-rail button,.inspector-head p,.free-chip,.studio-inspector label small,.jamo-picker button small,.stamp-drawer small,.layer-list button i{line-height:1.35}.studio-rail button{white-space:nowrap;min-width:0}.segmented button:not(.active){color:#5d4f47}.jamo-picker button{min-height:60px}.field-row>label,.range-control,.range-control>span,.range-control>input{min-width:0}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.range-control>input{max-width:100%}.stamp-drawer button{min-height:76px}.studio-actions button,.stage-bottom button,.layer-actions button,.context-actions button,.modal-actions button{white-space:normal;overflow-wrap:break-word;line-height:1.35}.settings-row>button,.settings-row>code{white-space:nowrap;flex:none}@media (max-width:520px){.studio-rail button{font-size:.75rem}}@media (max-width:760px){.settings-row{flex-wrap:wrap}.settings-row>button,.settings-row>code{white-space:normal;overflow-wrap:anywhere}}