:root{--ink:#283250;--lav:#7c8cf8;--paper:#fffefb;--shadow:0 10px 28px #52608d24}.home-page{background:radial-gradient(circle at 16% 15%,#ffe6ef 0 8%,#0000 24%),radial-gradient(circle at 85% 80%,#ddf4f1 0 8%,#0000 26%),#f7f8ff;place-items:center;min-height:100vh;padding:28px;display:grid}.home-card{text-align:center;width:100%;max-width:560px;box-shadow:var(--shadow);background:#ffffffd9;border-radius:34px;padding:44px 34px}.logo-mark{font-size:68px;line-height:1}.home-card h1{margin:10px 0 6px;font-size:clamp(2.3rem,7vw,3.7rem)}.home-card p{color:#68708a;margin:0 0 24px;font-size:1.15rem}.draft-hint{background:#fff1b8;border-radius:16px;margin:0 auto 22px;padding:12px;font-weight:700}.home-actions{gap:16px;display:grid}.main-action{min-height:88px;box-shadow:var(--shadow);color:var(--ink);border:0;border-radius:22px;padding:15px 28px;font-size:1.45rem;font-weight:800;transition:transform .15s}.main-action:hover{transform:translateY(-2px)}.main-action span{vertical-align:middle;margin-right:16px;font-size:2.2rem}.draw-action{background:#ffd8a8}.gallery-action{background:#d9e4ff}.drawing-page{background:#edf0fa;flex-direction:column;height:100dvh;display:flex}.topbar{z-index:2;background:#fff;align-items:center;gap:7px;min-height:66px;padding:8px 14px;display:flex;box-shadow:0 2px 12px #52608d19}.topbar button,.gallery-header button{min-height:46px;color:var(--ink);background:#f1f3fa;border:0;border-radius:14px;padding:7px 12px;font-weight:750}.topbar button span{margin-left:5px}.topbar .save,.gallery-header .save{background:#cceede}.topbar .clear{background:#ffe1e4}.topbar-spacer{flex:1}.history-buttons{gap:5px;display:flex}.studio{flex:1;gap:12px;min-height:0;padding:12px;display:flex}.tool-panel{width:172px;box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-shrink:0;padding:14px;overflow:auto}.section-label{color:#747d99;margin:2px 0 8px;font-size:.82rem;font-weight:800}.tool-list{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:17px;display:grid}.tool-list button,.size-list button{min-height:55px;color:var(--ink);background:#f5f6fb;border:2px solid #0000;border-radius:14px;font-weight:700}.tool-list b{font-size:23px;display:block}.tool-list span{font-size:.77rem}.tool-list .selected,.size-list .selected{border-color:var(--lav);box-shadow:inset 0 0 0 1px var(--lav);background:#e5e8ff}.colors{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:17px;display:grid}.colors button{border:2px solid #d7dbe8;border-radius:50%;width:29px;height:29px;box-shadow:0 1px 3px #4d5a811c}.colors .active-color{outline:3px solid var(--ink);outline-offset:2px;transform:scale(1.08)}.size-list{gap:6px;display:grid}.size-list button{align-items:center;gap:9px;padding:6px 10px;display:flex}.size-dot{background:var(--ink);border-radius:50%;width:6px;height:6px;display:block}.size-dot.d2{width:11px;height:11px}.size-dot.d3{width:17px;height:17px}.canvas-wrap{background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:22px;flex:1;position:relative;overflow:hidden}.drawing-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.dialog-backdrop{z-index:10;background:#20294572;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog,.art-dialog{text-align:center;background:#fff;border-radius:25px;width:min(420px,100%);padding:28px;box-shadow:0 18px 48px #151c3690}.dialog-icon{font-size:50px}.dialog h2{margin:12px 0 24px;font-size:1.4rem}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.soft-button,.danger-button{border:0;border-radius:14px;min-height:50px;padding:9px 16px;font-weight:800}.soft-button{color:var(--ink);background:#e9edff}.danger-button{color:#8a2330;background:#ffced3}.toast{z-index:20;color:#fff;box-shadow:var(--shadow);background:#26304a;border-radius:99px;padding:14px 20px;font-weight:700;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.gallery-page{background:#f7f8ff;min-height:100vh;padding:20px}.gallery-header{align-items:center;gap:15px;max-width:1200px;min-height:70px;margin:auto;display:flex}.gallery-header h1{text-align:center;flex:1;margin:0;font-size:clamp(1.35rem,4vw,2.1rem)}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:22px auto;display:grid}.art-card{box-shadow:var(--shadow);text-align:left;background:#fff;border:0;border-radius:18px;padding:0;overflow:hidden}.art-card img{aspect-ratio:1.25;object-fit:cover;background:#fffefb;width:100%;display:block}.art-card time{color:#68708a;padding:11px;font-size:.82rem;display:block}.empty{text-align:center;place-content:center;gap:15px;min-height:65vh;display:grid}.empty span{font-size:75px}.empty h2{margin:0}.empty .main-action{min-height:64px;font-size:1.15rem}.art-dialog{width:min(860px,96vw);position:relative}.art-dialog>img{object-fit:contain;background:#fffefb;border-radius:12px;width:100%;max-height:67vh}.art-dialog p{color:#68708a}.close{z-index:1;background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:28px;position:absolute;top:10px;right:10px}.artwork-view{padding:10px}@media (width<=760px){.topbar{gap:4px;min-height:58px;padding:6px}.topbar button{min-width:43px;padding:5px;font-size:1.25rem}.topbar button span{display:none}.studio{flex-direction:column-reverse;gap:7px;padding:7px}.tool-panel{border-radius:16px;grid-template-columns:1.2fr 1.5fr 1fr;gap:8px;width:auto;max-height:174px;padding:9px;display:grid}.section-label{margin:0 0 4px}.tool-list{grid-template-columns:repeat(4,1fr);gap:5px;margin:0}.tool-list button{min-height:52px;padding:3px}.tool-list span{display:none}.colors{grid-template-columns:repeat(6,1fr);gap:6px;margin:0}.colors button{width:27px;height:27px}.size-list{grid-template-columns:repeat(3,1fr);gap:4px}.size-list button{justify-content:center;min-height:38px;padding:3px}.size-list span{display:none}.canvas-wrap{min-height:0}.gallery-page{padding:12px}.gallery-header{gap:7px}.gallery-header button{padding:7px;font-size:.85rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.home-card{padding:37px 22px}}@media (width>=761px) and (width<=1050px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.drawing-canvas.eraser-active{cursor:none}.eraser-cursor{z-index:1;box-sizing:border-box;pointer-events:none;background:#ffffff2e;border:2px solid #283250;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff8}.coloring-action{background:#ffe8a8}.selected-control{box-shadow:inset 0 0 0 2px var(--lav);background:#e5e8ff!important}.scene-stage{touch-action:none;cursor:crosshair;width:100%;height:100%;position:relative;overflow:hidden}.scene-background{pointer-events:none;background:#fffefb;position:absolute;inset:0}.background-sky{background:linear-gradient(#aee7ff,#f4fcff)}.background-meadow{background:linear-gradient(#bcecff 0 58%,#9bdd79 58%)}.background-ocean{background:repeating-radial-gradient(at 30px 10px,#a9e2f7 0 25px,#76d2e8 26px 29px,#a9e2f7 30px 60px)}.background-space{background-color:#263361;background-image:radial-gradient(#fff4a0 1px,#0000 2px);background-size:37px 29px}.drawing-canvas{z-index:1;position:absolute;inset:0}.stamp-instance{z-index:3;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.selected-stamp{outline-offset:3px;border-radius:18px;outline:3px dashed #7c8cf8}.coloring-outline{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-panel{z-index:8;max-width:min(580px,100% - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:18px;padding:16px;position:absolute;bottom:16px;left:16px}.scene-panel>b{margin-bottom:10px;display:block}.stamp-grid{grid-template-columns:repeat(7,60px);gap:7px;max-height:184px;display:grid;overflow:auto}.stamp-grid button{background:#f4f6fb;border:2px solid #0000;border-radius:12px;height:72px;font-size:.7rem;font-weight:700}.stamp-grid button img{width:41px;height:41px;margin:auto;display:block}.stamp-grid .selected,.stamp-sizes .selected,.background-panel .selected{border-color:var(--lav);background:#e5e8ff}.stamp-sizes{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.stamp-sizes button,.background-panel button{background:#f4f6fb;border:2px solid #0000;border-radius:12px;min-height:43px;padding:6px 11px;font-weight:700}.background-panel>div{flex-wrap:wrap;gap:8px;display:flex}.background-panel button span{margin-right:5px;font-size:1.3rem}.template-page{background:#f7f8ff;min-height:100vh;padding:20px}.template-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:960px;margin:25px auto;display:grid}.template-grid button{box-shadow:var(--shadow);color:var(--ink);background:#fff;border:0;border-radius:20px;padding:15px;font-size:1.1rem}.template-grid img{aspect-ratio:1;background:#fffefb;border-radius:13px;width:100%;margin-bottom:9px;display:block}.art-card{position:relative}.art-badge{background:#fffde9;border-radius:999px;padding:4px 7px;font-size:.72rem;font-style:normal;font-weight:800;position:absolute;top:8px;left:8px}@media (width<=760px){.scene-panel{max-width:calc(100% - 14px);padding:10px;bottom:7px;left:7px}.stamp-grid{grid-template-columns:repeat(7,48px);max-height:135px}.stamp-grid button{height:60px}.stamp-grid button img{width:34px;height:34px}.template-page{padding:12px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px}}*{box-sizing:border-box}html,body,#root{color:#26304a;min-width:320px;min-height:100%;margin:0;font-family:system-ui,-apple-system,Malgun Gothic,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:2px;outline:4px solid #8aa0ff}button:disabled{cursor:not-allowed;opacity:.38}