:root{--bg:#12161c;--panel:#20262f;--panel2:#29313c;--line:#3b4654;--text:#edf2f7;--muted:#9eabb9;--accent:#ff6b2d;--accent2:#ff9d4d;--danger:#ca5660;--good:#77d39a}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,Meiryo,sans-serif}button,input,select{font:inherit}button{background:#333c48;color:var(--text);border:1px solid #4b5868;border-radius:6px;padding:7px 10px;cursor:pointer}button:hover{background:#404b59}button.active,.mode-tab.active,.tool.active,.brush-shape.active{border-color:var(--accent);background:#5b3021;box-shadow:0 0 0 1px var(--accent) inset}.topbar{height:56px;display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--line);background:#1a2028}.brand{font-weight:700;white-space:nowrap}.version{color:var(--muted);font-size:12px;font-weight:500}.mode-tabs{display:flex;gap:5px}.mode-tab{min-width:78px}.save-state{margin-left:auto;color:var(--muted);font-size:12px}
.workspace{display:grid;grid-template-columns:250px minmax(500px,1fr) 310px;height:calc(100% - 56px);min-height:0}.panel{background:var(--panel);border-color:var(--line)}.scroll-panel{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.toolbar{padding:12px;border-right:1px solid var(--line)}.rightbar{padding:12px;border-left:1px solid var(--line)}.toolbar section,.rightbar section{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}h3{font-size:14px;margin:4px 0 10px}.center-stage{position:relative;min-width:0;min-height:0;overflow:hidden}.editor-pane{position:absolute;inset:0;display:none;min-height:0}.editor-pane.active{display:flex;flex-direction:column}.pagebar{height:54px;flex:0 0 54px;padding:8px 12px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#1c222a}.pagebar>strong{white-space:nowrap}.page-actions{margin-left:auto;display:flex;align-items:center;gap:6px;overflow-x:auto}.stage-body{position:relative;flex:1;min-height:0;overflow:hidden}.inline-field{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap}.inline-field select{width:72px}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool{display:flex;align-items:center;justify-content:center;gap:5px}.tool span{font-size:12px}.toolbar label,.rightbar label{font-size:12px;color:var(--muted);display:block;margin:7px 0 4px}.toggle-line{display:flex!important;align-items:center;gap:7px;color:var(--text)!important}.toggle-line input{accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);touch-action:none}select,input[type=text],input[type=number]{background:#141a21;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:6px}.shape-row,.edit-row{display:flex;gap:6px}.shape-row button,.edit-row button{flex:1}.full{width:100%;margin-top:7px}.row-between{display:flex;justify-content:space-between;align-items:center}.value-label{font-size:11px;color:#d8e0e9}.shortcuts div{font-size:11px;color:var(--muted);margin:5px 0}.shortcuts kbd{display:inline-block;min-width:38px;text-align:center;background:#12171d;border:1px solid #475260;border-radius:4px;padding:2px 4px;color:#dce4ec}
.color-pad-wrap{display:flex;gap:8px;align-items:stretch}.color-pad-wrap canvas{display:block;border:1px solid #4c5866;cursor:crosshair}.color-pad-wrap #svPad{width:184px;height:154px}.color-pad-wrap #huePad{width:22px;height:154px}.color-pad-footer{display:grid;grid-template-columns:38px 1fr;gap:8px;margin-top:8px}.color-preview{height:34px;border:1px solid #566372;border-radius:5px;background:#8b5a3c}.color-pad-footer input{min-width:0;width:100%}.recent-colors{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.recent-color{width:24px;height:24px;border:1px solid #788391;border-radius:4px;padding:0}
.viewport{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#596574 0,#303844 42%,#1a2028 78%,#11151a 100%);perspective:12000px;overflow:hidden;user-select:none;touch-action:none}.camera-pan{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d}.model-root{position:absolute;transform-style:preserve-3d;transform-origin:0 0}.part,.cube-inner{position:absolute;left:0;top:0;transform-style:preserve-3d}.skin-face,.model-face{position:absolute;left:50%;top:50%;image-rendering:pixelated;transform-origin:center center;backface-visibility:hidden;cursor:crosshair;background-color:rgba(220,230,240,.20);outline:1px solid rgba(240,246,255,.45);z-index:2}.face-grid-overlay{position:absolute;left:50%;top:50%;transform-origin:center center;backface-visibility:hidden;pointer-events:none;z-index:4;background-image:linear-gradient(to right,rgba(235,244,255,.38) 1px,transparent 1px),linear-gradient(to bottom,rgba(235,244,255,.38) 1px,transparent 1px);background-size:var(--grid-x,14px) var(--grid-y,14px);box-shadow:inset 0 0 0 1px rgba(245,250,255,.28)}.skin-viewport:not(.grid-on) .skin-grid-overlay,.model-viewport:not(.grid-on) .model-grid-overlay{display:none}.outer-grid-overlay{background-image:linear-gradient(to right,rgba(255,190,115,.42) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,190,115,.42) 1px,transparent 1px)}.outer-face{background-color:rgba(255,158,70,.12);outline-color:rgba(255,177,100,.46)}.hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;color:#d8e1eb;background:#111820dc;padding:7px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:15}.floating{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:20;padding:7px;display:flex;gap:10px;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0008}.segment{display:flex;gap:4px}.view-toolbar button{padding:6px 10px}.uv-panel{position:absolute;right:12px;bottom:42px;z-index:25;width:290px;padding:8px;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #0009}.hidden{display:none!important}.uv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.uv-head button{padding:2px 8px}#uvCanvas{width:256px;height:256px;display:block;margin:auto;background-image:linear-gradient(45deg,#8b929a 25%,transparent 25%),linear-gradient(-45deg,#8b929a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8b929a 75%),linear-gradient(-45deg,transparent 75%,#8b929a 75%);background-color:#c4cad1;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;image-rendering:pixelated;border:1px solid var(--line);cursor:crosshair}
.parts-diagram{height:185px;position:relative;margin:6px auto 10px;width:150px}.part-toggle{position:absolute;background:#20262d;border:2px solid #ff9d22;border-radius:0;padding:0}.part-toggle:hover{background:#303944}.part-toggle:not(.active){border-color:#606975;background:#282d33;opacity:.35}.part-toggle[data-part=head]{width:60px;height:60px;left:45px;top:0}.part-toggle.body{width:60px;height:70px;left:45px;top:65px}.part-toggle.arm{width:26px;height:70px;top:65px}.part-toggle.arm.left{left:14px}.part-toggle.arm.right{right:14px}.part-toggle.leg{width:27px;height:47px;top:140px}.part-toggle.leg.left{left:46px}.part-toggle.leg.right{right:46px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h3{margin:4px 0 8px}.section-head button{padding:3px 10px}.layer-target-note{font-size:12px;color:var(--muted)}.layer-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;padding-right:2px}.layer-item{display:grid;grid-template-columns:27px minmax(80px,1fr) 105px;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#272e37}.layer-item.active{border-color:var(--accent)}.layer-item input[type=text]{width:100%;min-width:0;padding:4px}.opacity-wrap{display:flex;align-items:center;gap:4px}.opacity-wrap input{width:78px!important;min-width:78px;pointer-events:auto;cursor:pointer}.opacity-value{width:30px;font-size:10px;text-align:right;color:var(--muted)}.eye-btn{padding:3px;border:0;background:transparent}.layer-buttons{display:grid;grid-template-columns:1fr 42px 42px;gap:4px;margin-top:7px}.layer-buttons #mergeDownBtn{grid-column:1/3}.wide-range{min-height:24px}.small-note,.status,.autosave{font-size:11px;color:var(--muted);line-height:1.5}.status{color:#d6dde6}.autosave span{color:var(--good)}
.model-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#303945,#171c23 70%)}.empty-card{border:1px dashed #647183;border-radius:12px;padding:28px 36px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);max-width:480px;text-align:center}.empty-card strong{color:var(--text)}.empty-icon{font-size:48px;color:var(--accent2)}.model-animation-bar{top:auto;bottom:14px;white-space:nowrap;align-items:center}.model-animation-bar label{display:flex;align-items:center;gap:4px;font-size:11px}.model-animation-bar input{width:54px;padding:4px}.model-face{background-size:10px 10px}.model-only.hidden-mode{display:none}
.pixel-workspace{height:100%;min-height:0;display:grid;grid-template-columns:minmax(420px,1fr) 330px;gap:14px;padding:16px;background:#171c23;overflow:auto}.pixel-editor-card,.anim-preview-card{border:1px solid var(--line);border-radius:8px;padding:12px;min-height:0}.pixel-editor-card{display:flex;flex-direction:column;align-items:center}.frame-toolbar{display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.pixel-canvas{width:min(65vh,640px);height:min(65vh,640px);max-width:100%;aspect-ratio:1/1;image-rendering:pixelated;background-color:#c3c8ce;background-image:linear-gradient(45deg,#888 25%,transparent 25%),linear-gradient(-45deg,#888 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#888 75%),linear-gradient(-45deg,transparent 75%,#888 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #5b6673;cursor:crosshair}.anim-preview-card{display:flex;flex-direction:column;align-items:center}.anim-preview-card h3{align-self:flex-start}.anim-preview{width:240px;height:240px;max-width:100%;image-rendering:pixelated;background:#10151b;border:1px solid #525e6b}.anim-preview-card label{align-self:stretch}.block-face-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.block-face-tabs button.active{border-color:var(--accent);background:#5b3021}.mini-scene{height:300px;width:100%;display:flex;align-items:center;justify-content:center;perspective:700px}.block-cube{width:160px;height:160px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(32deg);animation:none}.block-cube canvas{position:absolute;width:160px;height:160px;image-rendering:pixelated;backface-visibility:hidden}
.skin-preview{position:absolute;inset:0;z-index:60;background:#0c1117;overflow:hidden}.preview-world{position:absolute;inset:0;background:linear-gradient(#91ace3 0 58%,#298a35 58% 100%);overflow:hidden;perspective:12000px}.preview-world:after{content:"";position:absolute;left:0;right:0;top:58%;bottom:0;background-image:linear-gradient(90deg,rgba(18,103,31,.22) 1px,transparent 1px),linear-gradient(rgba(18,103,31,.22) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(82,168,72,.65) 0 2px,transparent 3px),radial-gradient(circle at 70% 65%,rgba(13,112,34,.55) 0 2px,transparent 3px);background-size:16px 16px,16px 16px,23px 21px,27px 25px;transform:perspective(520px) rotateX(58deg) scale(1.55);transform-origin:center top;top:55%;height:70%;opacity:.9}.preview-ground{position:absolute;left:0;right:0;top:58%;height:3px;background:#176523;box-shadow:0 -2px 0 rgba(255,255,255,.05)}.preview-cloud{position:absolute;height:18px;background:rgba(255,255,255,.72);box-shadow:18px 0 rgba(255,255,255,.72),36px 0 rgba(255,255,255,.72),9px -9px rgba(255,255,255,.72),27px -9px rgba(255,255,255,.72)}.cloud-a{left:12%;top:17%;width:36px;opacity:.7}.cloud-b{right:18%;top:25%;width:36px;transform:scale(.75);opacity:.55}.preview-camera{position:absolute;left:50%;top:57%;width:0;height:0;transform-style:preserve-3d;z-index:8}.preview-root{transform:translateY(-12px) rotateX(0deg) rotateY(0deg) scale(.58);pointer-events:none}.preview-face{cursor:default!important;outline:none!important;background-color:transparent!important}.preview-shadow{position:absolute;left:50%;top:77%;width:150px;height:34px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.38),rgba(0,0,0,0) 70%);z-index:7}.preview-close{position:absolute;right:14px;top:14px;z-index:70;background:#17202a;border-color:#6c7886}.preview-caption{position:absolute;left:14px;bottom:14px;z-index:70;background:#101820c9;border:1px solid #506070;border-radius:7px;padding:7px 10px;font-size:12px;color:#e8edf3}.skin-preview .preview-grid-overlay{display:none!important}
@media(max-width:1180px){.workspace{grid-template-columns:220px minmax(440px,1fr) 270px}.brand{font-size:13px}.mode-tab{min-width:60px;padding:6px}.page-actions button{font-size:11px;padding:6px 7px}.color-pad-wrap #svPad{width:158px}.layer-item{grid-template-columns:24px minmax(70px,1fr) 88px}.opacity-wrap input{width:56px!important;min-width:56px}}
.full-select{width:100%;margin-top:2px}.tool-help{margin:7px 0 10px}.mini-title{font-size:12px}.selection-box{margin-top:10px;padding-top:8px;border-top:1px dashed #46515f}.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.selection-actions button{padding:6px 5px;font-size:11px}.danger-lite{border-color:#8f5057!important}.selection-marquee{position:fixed;z-index:9999;border:2px dashed #fff;box-shadow:0 0 0 1px #000,0 0 8px #0008;background:rgba(255,255,255,.08);pointer-events:none;display:none}
.block-preview-head{width:100%}.block-preview-head h3{margin:0}.block-preview-scene{position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:default}.block-cube{animation:none!important;transform:rotateX(-18deg) rotateY(32deg)}.mini-view-hint{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#c9d3de;background:#101820c9;border-radius:6px;padding:4px 6px;pointer-events:none}
.skin-preview{touch-action:none;user-select:none}.preview-top-controls{position:absolute;right:14px;top:14px;z-index:75;display:flex;gap:6px}.preview-top-controls button{background:#17202a;border-color:#6c7886}.preview-sun{position:absolute;right:11%;top:9%;width:64px;height:64px;background:#fff4ae;box-shadow:0 0 28px rgba(255,239,142,.55)}.preview-world{background:linear-gradient(#9bb5ea 0 58%,#3d9a45 58% 100%)}.preview-world:before{content:"";position:absolute;left:0;right:0;top:56%;height:3%;background:linear-gradient(#5eaa4b,#2f8337);opacity:.9}.preview-world:after{background-image:linear-gradient(90deg,rgba(20,112,31,.28) 1px,transparent 1px),linear-gradient(rgba(20,112,31,.28) 1px,transparent 1px),linear-gradient(45deg,rgba(45,137,48,.22) 25%,transparent 25%,transparent 75%,rgba(45,137,48,.22) 75%);background-size:18px 18px,18px 18px,12px 12px}.preview-camera{top:58%}.preview-root{pointer-events:none;transform-origin:0 0}.preview-shadow{top:79%;width:190px;height:42px}.preview-caption{font-size:11px}.preview-close{position:static}
.preview-world{perspective:12000px!important;perspective-origin:50% 58%!important}.preview-camera{transform-origin:0 0!important;transform-style:preserve-3d!important;will-change:transform}.preview-root{transform-origin:0 0!important;transform-style:preserve-3d!important;will-change:transform}.preview-root .part,.preview-root .skin-face{transform-style:preserve-3d!important}
.brand{display:flex;align-items:center;gap:8px}.brand-icon{width:28px;height:28px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px #ffffff22}.publish-btn{border-color:#3d8f68!important;background:linear-gradient(#27583f,#204a35)!important}.publish-btn:hover{background:linear-gradient(#347554,#285d43)!important}
.modal-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(4,8,12,.76);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.publish-modal{width:min(760px,94vw);max-height:90vh;overflow:auto;padding:18px;border:1px solid #566574;border-radius:12px;box-shadow:0 24px 70px #000c;background:#1d242c}.publish-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.publish-head h2{margin:0 0 3px;font-size:20px}.icon-close{font-size:22px;line-height:1;padding:5px 10px}.publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.publish-grid input,.publish-grid textarea,.publish-grid select{width:100%;box-sizing:border-box}.publish-grid textarea{resize:vertical;min-height:92px}.publish-span{grid-column:1/-1}.publish-note{margin-top:12px;padding:9px 11px;border:1px solid #5b623e;background:#32301d;border-radius:7px;color:#e6ddb1;font-size:11px;line-height:1.55}.publish-files-preview{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#171d24;max-height:150px;overflow:auto}.publish-file-row{display:grid;grid-template-columns:90px 1fr 90px;gap:8px;padding:7px 9px;border-bottom:1px solid #303a45;font-size:11px;align-items:center}.publish-file-row:last-child{border-bottom:0}.publish-file-role{color:#83c9ff}.publish-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-file-size{text-align:right;color:var(--muted)}.publish-progress{margin-top:10px;padding:9px 10px;border-radius:7px;background:#121820;border:1px solid #344251;font-size:12px;min-height:18px}.publish-progress.good{border-color:#357351;color:#aee5c5}.publish-progress.bad{border-color:#80464c;color:#ffbdc3}.publish-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.publish-actions .primary{background:#2b6c4a;border-color:#49936c}.publish-actions .primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:720px){.publish-grid{grid-template-columns:1fr}.publish-span{grid-column:auto}.modal-backdrop{padding:8px}.publish-modal{width:96vw;max-height:95vh}}
.brand-icon-emoji{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:7px;font-size:22px;vertical-align:middle}.site-return{margin-left:auto;color:#b8d9cc;text-decoration:none;font-size:12px;font-weight:700;padding:7px 10px;border:1px solid #3a5a50;border-radius:8px;background:#101a18}.site-return:hover{color:#fff;border-color:#67a891}.web-publish-disabled{opacity:.48!important;cursor:not-allowed!important}@media(max-width:760px){.site-return{display:none}}