@font-face{font-family:fusion-pixel-jp;src:url(/fonts/fusion-pixel-jp.otf)format("opentype");font-display:swap}@media (width<=768px){@font-face{font-family:fusion-pixel-jp;src:url(/fonts/fusion-pixel-jp-mobile.woff2)format("woff2");font-display:swap}}@font-face{font-family:fusion-pixel-sc;src:url(/fonts/fusion-pixel-sc.otf)format("opentype");font-display:swap}@media (width<=768px){@font-face{font-family:fusion-pixel-sc;src:url(/fonts/fusion-pixel-sc-mobile.woff2)format("woff2");font-display:swap}}@font-face{font-family:mushin;src:url(/fonts/mushin.otf)format("opentype");font-display:swap}@media (width<=768px){@font-face{font-family:mushin;src:url(/fonts/mushin-mobile.woff2)format("woff2");font-display:swap}}@font-face{font-family:zhaizai-marker;src:url(/fonts/zhaizai-marker.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@media (width<=768px){@font-face{font-family:zhaizai-marker;src:url(/fonts/zhaizai-marker-mobile.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}}@font-face{font-family:darts-font;src:url(/fonts/darts-font.ttf)format("truetype");font-display:swap}@font-face{font-family:haru-tegaki-12;src:url(/fonts/haru-tegaki-12.otf)format("opentype");font-display:swap}@font-face{font-family:kyouryuno-guratan;src:url(/fonts/kyouryuno-guratan.ttf)format("truetype");font-display:swap}@font-face{font-family:nagino;src:url(/fonts/nagino.otf)format("opentype");font-display:swap}@font-face{font-family:nonbiri-2;src:url(/fonts/nonbiri-2.otf)format("opentype");font-display:swap}@font-face{font-family:shigoto-memogaki;src:url(/fonts/shigoto-memogaki.ttf)format("truetype");font-display:swap}@font-face{font-family:wafu-pop;src:url(/fonts/wafu-pop.ttf)format("truetype");font-display:swap}:root{--bg-0:#f7f2f6;--bg-1:#f3e8ee;--panel:#fffafdd1;--panel-strong:#fff8fcf0;--line:#32212e24;--line-strong:#32212e38;--text:#211722;--muted:#2117229e;--accent-dark:#1a121a;--accent-mid:#4a2f45;--radius-xl:24px;--radius-lg:18px;--shadow-soft:0 12px 30px #38243614}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 10% 12%, #efd5e670 0%, transparent 38%), radial-gradient(circle at 84% 18%, #e5c6dd61 0%, transparent 42%), linear-gradient(145deg, var(--bg-0), var(--bg-1));font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.studio-shell{grid-template-columns:96px 320px minmax(560px,1fr) 340px;gap:12px;min-width:1280px;height:100dvh;padding:14px;display:grid}.studio-shell>*{min-width:0;min-height:0}.panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.SidebarNav{flex-direction:column;align-items:center;gap:12px;padding:14px 10px;display:flex}.brand-block{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-strong);text-align:center;width:100%;padding:10px;overflow:hidden}.brand-logo-btn{cursor:pointer;background:0 0;border:0;place-items:center;width:50px;height:48px;margin:-4px auto 1px;padding:0;display:grid}.brand-logo{object-fit:contain;width:42px;height:42px;display:block}.brand-title{letter-spacing:.14em;justify-items:center;gap:2px;margin:0;font-size:12px;line-height:1.1;display:grid}.brand-title span{white-space:nowrap;width:3.6em}.brand-subtitle{color:var(--muted);white-space:nowrap;margin:7px 0 0;font-size:9px;transform:translate(-4px)}.nav-list{gap:8px;width:100%;display:grid}.nav-item{border:1px solid var(--line);background:var(--panel-strong);cursor:pointer;border-radius:16px;align-content:center;justify-items:center;gap:4px;min-height:64px;padding:6px;display:grid}.nav-item.active{color:#fceef7;background:linear-gradient(150deg,#261b26,#1a121a);border-color:#0000}.nav-icon{font-size:14px;line-height:1}.nav-label{letter-spacing:.06em;font-size:11px;font-weight:650}.ContentPanel,.PropertyPanel{padding:12px;overflow:auto}.panel-title{letter-spacing:.08em;margin:0;font-size:12.5px}.sub-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.card-block,.prop-block{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-strong);margin-top:8px;padding:10px}.field-title,.prop-block h3{color:#211722bd;margin:0 0 6px;font-size:12px}.mosaic-shape-title{margin-top:10px}.phase-note{color:var(--muted);margin:10px 0 0;font-size:11px}.inline-actions{gap:6px;display:grid}.inline-actions.two-col{grid-template-columns:repeat(2,1fr)}.inline-actions button{border:1px solid var(--line);background:#fffafd;border-radius:999px;min-height:34px;font-size:11px}.production-file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.production-file-control{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:48px;padding:7px;font-size:11px;display:grid}.production-file-control span:first-child{background:#fff2f8;border:1px solid #c492ad59;border-radius:9px;padding:7px 12px;font-weight:650}.blush-card .inline-actions{margin-bottom:7px}.wide-soft-button{background:#fff5fa;border:1px solid #c492ad52;border-radius:999px;width:100%;min-height:34px;margin-top:6px;font-size:11px}.inline-actions button:disabled{opacity:.6}.CanvasStage{grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px;display:grid;overflow:hidden}.canvas-toolbar{align-items:center;gap:8px;display:flex}.toolbar-btn{border:1px solid var(--line);background:var(--panel-strong);cursor:pointer;border-radius:999px;min-height:32px;padding:5px 12px;font-size:11px}.toolbar-btn.compare{margin-left:auto}.toolbar-btn.is-active{color:#fff;background:var(--accent-dark)}.canvas-editor-slot{background:#efd8e58a;border:1px solid #32212e14;border-radius:20px;min-height:0;overflow:hidden}.canvas-editor-slot .canvas-upload-placeholder{background:#f6eef2!important;border-width:0!important;border-radius:18px!important;max-width:568px!important;max-height:710px!important}.PropertyPanel .panel-title{font-size:12px}.PropertyPanel .sub-note{font-size:11px}.PropertyPanel .prop-block{border-radius:14px;padding:10px 12px}.control-stack{gap:8px;display:grid}.control-stack.muted,.muted-text{color:var(--muted);padding:8px 0;font-size:11px;line-height:1.45}.control-item{gap:5px;font-size:11px;display:grid}.control-item textarea{resize:vertical;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:64px;padding:7px}.slider-header{justify-content:space-between;display:flex}input[type=range]{width:100%;accent-color:var(--accent-mid)}.color-control{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.color-control input{border:1px solid var(--line);background:#fff;border-radius:7px;width:42px;height:28px;padding:0}.effect-buttons,.alignment-buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.effect-buttons button,.alignment-buttons button,.font-picker-grid button{border:1px solid var(--line);cursor:pointer;background:#fffafd;border-radius:8px;min-height:30px;padding:4px 6px;font-size:10px}.effect-buttons button.is-active,.alignment-buttons button.is-active,.font-picker-grid button.is-active{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark)}.nested-control{border:1px dashed #4a2f453d;border-radius:10px;gap:7px;padding:8px;display:grid}.font-picker{gap:6px;display:grid}.control-caption{font-size:11px}.font-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.layer-list{gap:6px;display:grid}.layer-row{border:1px solid var(--line);cursor:pointer;background:#fffafd;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:7px 8px;font-size:11px;display:flex}.layer-row.selected{background:#fff1f8;border-color:#c68ba7}.layer-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-actions{gap:3px;display:flex}.layer-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;padding:0}.profile-card-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21172266;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-card{text-align:center;background:#fffbfe;border:1px solid #ad9699;border-radius:24px;width:min(300px,100%);padding:24px 20px;position:relative;box-shadow:0 16px 40px #4a2f4540}.profile-close-btn{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:14px}.profile-avatar{object-fit:contain;border-radius:50%;width:72px;height:72px;padding:4px}.profile-name{margin-top:8px;font-weight:700}.profile-bio{color:var(--muted);text-align:left;margin:10px 0 0;font-size:12px;line-height:1.5}.mobile-stage-logo,.mobile-layer-toggle{display:none}@media (width<=760px){:root{--mobile-canvas-h:clamp(430px, 58dvh, 620px);--mobile-nav-h:46px;--mobile-controls-top:calc(var(--mobile-canvas-h) + var(--mobile-nav-h))}body{background:#f7f1f6}.studio-shell{width:100vw;min-width:0;height:100dvh;padding:0;display:block;overflow:hidden}.mobile-canvas-stage{z-index:4;width:100%;height:var(--mobile-canvas-h);background:0 0;grid-template-rows:42px minmax(0,1fr);gap:0;padding:0;display:grid;position:fixed;inset:0 0 auto;overflow:hidden}.canvas-toolbar{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8fce0;border-bottom:1px solid #32212e1f;gap:5px;padding:6px 9px 7px}.toolbar-btn{white-space:nowrap;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:28px;padding:0 4px;font-size:10px;display:flex}.toolbar-btn.compare{flex:0 0 104px;margin-left:auto}.canvas-editor-slot{background:radial-gradient(circle at 35% 20%,#fbeaf4c7,#0000 40%),radial-gradient(circle at 72% 74%,#efd0e3a8,#0000 44%),linear-gradient(145deg,#f8f2f6,#f1e4eb);border:0;border-radius:0;padding:8px 10px 12px}.canvas-editor-slot .canvas-stage-wrapper{padding:0!important}.canvas-editor-slot .canvas-upload-placeholder{color:#0000!important;background:#f6eef2!important;border:1px solid #32212e24!important;border-radius:12px!important;width:min(92vw,440px)!important;max-width:100%!important;height:100%!important;max-height:100%!important;font-size:0!important;box-shadow:0 14px 36px #38243614!important}.canvas-editor-slot .canvas-upload-placeholder:before{content:"地雷系编辑器\a \a 点击开始加工♡";white-space:pre;color:#211920bd;text-align:center;border:2px dashed #4a2f453d;border-radius:22px;place-items:center;min-width:min(68vw,260px);min-height:126px;font-size:16px;line-height:1.55;display:grid}.mobile-stage-logo{z-index:6;background:#fff8fcc2;border:1px solid #32212e1f;border-radius:12px;width:34px;height:34px;padding:5px;display:block;position:absolute;top:56px;left:14px;box-shadow:0 8px 20px #38243614}.mobile-stage-logo img{object-fit:contain;width:100%;height:100%;display:block}.mobile-navigation{z-index:6;top:var(--mobile-canvas-h);height:var(--mobile-nav-h);background:#fff8fcf0;border-top:1px solid #32212e24;border-bottom:1px solid #32212e1f;padding:0;display:block;position:fixed;left:0;right:0}.mobile-navigation .nav-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;height:100%}.mobile-navigation .nav-item{min-width:0;min-height:var(--mobile-nav-h);color:#2117227a;background:0 0;border:0;border-radius:0;gap:1px;padding:3px 2px 4px}.mobile-navigation .nav-item.active{color:#1f161f;position:relative}.mobile-navigation .nav-item.active:after{content:"";background:linear-gradient(90deg,#e679ad,#c68ba7);border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:18%;right:18%}.mobile-navigation .nav-icon{font-size:14px}.mobile-navigation .nav-label{letter-spacing:0;white-space:nowrap;font-size:9.5px}.mobile-editor-shell>.ContentPanel,.mobile-property{z-index:5;top:var(--mobile-controls-top);box-shadow:none;background:#f7f1f6;border:0;border-top:1px solid #32212e1f;border-radius:0;padding:9px 14px;position:fixed;bottom:0;left:0;right:0;overflow:auto}.mobile-editor-shell[data-active-tool=filters]>.ContentPanel{height:54px;bottom:auto;overflow:hidden}.mobile-editor-shell[data-active-tool=filters]>.mobile-property{top:calc(var(--mobile-controls-top) + 54px)}.mobile-editor-shell[data-active-tool=mosaic]>.ContentPanel,.mobile-editor-shell[data-active-tool=text]>.ContentPanel{height:94px;bottom:auto;overflow:hidden}.mobile-editor-shell[data-active-tool=stickers]>.ContentPanel,.mobile-editor-shell[data-active-tool=polaroid]>.ContentPanel{height:126px;bottom:auto}.mobile-editor-shell[data-active-tool=mosaic]>.mobile-property,.mobile-editor-shell[data-active-tool=text]>.mobile-property{top:calc(var(--mobile-controls-top) + 94px)}.mobile-editor-shell[data-active-tool=stickers]>.mobile-property{top:calc(var(--mobile-controls-top) + 126px)}.mobile-editor-shell .tool-pane>.panel-title,.mobile-editor-shell .tool-pane>.sub-note{display:none}.mobile-editor-shell .card-block,.mobile-property .prop-block{background:0 0;border:0;border-radius:0;margin:0;padding:0}.mobile-editor-shell .primary-action-btn{display:none!important}.mobile-editor-shell .project-tool-pane .import-upload-block{display:none}.mobile-editor-shell .project-tool-pane .blush-card{display:block}.mobile-editor-shell .project-tool-pane .field-title{margin-bottom:6px}.mobile-editor-shell .project-tool-pane .inline-actions{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.mobile-editor-shell .project-tool-pane button{border-radius:999px;min-height:34px}.mobile-editor-shell .filter-btn-group{overflow-x:auto;flex-direction:row!important}.mobile-editor-shell .preset-chip{flex:none;width:max-content;min-height:36px;padding:4px 12px}.mobile-editor-shell .preset-desc{display:none!important}.mobile-editor-shell .sticker-grid-container{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}.mobile-editor-shell .sticker-card{height:46px!important;min-height:36px!important;padding:3px!important}.mobile-editor-shell .sticker-card img{height:24px!important}.mobile-property .prop-block{background:#fffcfee0;border:1px solid #3e29391f;border-radius:12px;padding:8px 10px}.mobile-property .font-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-layer-toggle{z-index:7;border:1px solid var(--line);background:#fffafdeb;border-radius:999px;min-height:28px;padding:0 10px;font-size:10px;display:block;position:absolute;top:52px;right:16px}.mobile-layer-toggle.is-open{color:#fff;background:var(--accent-dark)}.mobile-editor-shell[data-mobile-layer-panel=open]>.mobile-property{top:var(--mobile-controls-top)}}@media (width<=390px){.toolbar-btn{padding-inline:6px}.toolbar-btn.compare{flex-basis:100px}.canvas-editor-slot .canvas-upload-placeholder{width:88vw!important}}