:root{color:#e8eaf0;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0d1017;--panel:#171b25;--panel-2:#1d2230;--panel-3:#252b3a;--line:#303748;--muted:#9ca4b5;--text:#eceef4;--accent:#b22a5b;--accent-hover:#ca376b;--danger:#ff6477;--shadow:0 12px 40px #00000047;background:#0d1017;font-family:Inter,Pretendard,Noto Sans KR,Malgun Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:1080px}button,input,select{font:inherit}button{color:inherit}button,.file-button{border:1px solid var(--line);cursor:pointer;background:#222837;border-radius:8px;padding:8px 11px;transition:background .12s,border-color .12s,transform .12s}button:hover:not(:disabled),.file-button:hover{background:#2a3142;border-color:#4a5368}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:default}.app-shell{background:var(--bg);grid-template-rows:58px minmax(0,1fr);height:100%;display:grid;position:relative}.header-bar{border-bottom:1px solid var(--line);z-index:10;background:#141822;align-items:center;gap:14px;padding:8px 12px;display:flex}.brand-block{flex-direction:column;min-width:172px;line-height:1.1;display:flex}.brand-block strong{letter-spacing:.2px;font-size:16px}.brand-block span{color:var(--muted);margin-top:4px;font-size:11px}.project-name-input{border:1px solid var(--line);width:min(270px,22vw);min-width:150px;color:var(--text);background:#0f131c;border-radius:8px;outline:none;padding:9px 11px}.project-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b22a5b26}.header-actions{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.header-actions button{white-space:nowrap;padding:8px 10px;font-size:13px}.accent-button,.primary-button{background:var(--accent);border-color:var(--accent);font-weight:700}.accent-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.workspace{grid-template-columns:110px minmax(460px,1fr) 360px;min-height:0;display:grid}.tool-rail{border-right:1px solid var(--line);background:#141822;padding:10px 8px;overflow-y:auto}.rail-group{border-bottom:1px solid #272d3b;flex-direction:column;gap:6px;margin-bottom:12px;padding-bottom:14px;display:flex}.rail-group:last-child{border-bottom:0}.rail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;padding:0 4px 3px;font-size:10px}.rail-group button{justify-content:space-between;align-items:center;min-height:36px;padding:7px 8px;font-size:12px;display:flex}.rail-group button.active{background:var(--accent);border-color:var(--accent)}.rail-group button small{color:#c5cad5;border:1px solid #ffffff2e;border-radius:4px;padding:1px 5px}.rail-group.compact label{color:#c7cbd5;cursor:pointer;align-items:center;gap:7px;padding:5px 3px;font-size:12px;display:flex}.rail-group input[type=checkbox]{accent-color:var(--accent)}.viewport-panel{background:#11141d;min-width:0;min-height:0;position:relative;overflow:hidden}.studio-canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.viewport-hud{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe3eb;background:#10141dc7;border:1px solid #ffffff17;border-radius:9px;position:absolute}.viewport-hud.top-left{flex-direction:column;gap:3px;padding:9px 12px;display:flex;top:14px;left:14px}.viewport-hud.top-left strong{font-size:13px}.viewport-hud.top-left span{color:#aab1c0;font-size:11px}.viewport-hud.bottom-left{color:#aab1c0;padding:8px 11px;font-size:11px;bottom:14px;left:14px}.empty-hint{pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1017b8;border:1px solid #ffffff1c;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px 28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-hint strong{font-size:16px}.empty-hint span{color:var(--muted);font-size:12px}.inspector{border-left:1px solid var(--line);background:#141822;min-height:0;padding:10px;overflow-y:auto}.panel-section{background:var(--panel);border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:13px;box-shadow:0 4px 15px #00000014}.panel-section h2{margin:0;font-size:14px}.panel-section p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:11px;display:flex}.small-button{white-space:nowrap;padding:6px 8px;font-size:11px}.full-width{justify-content:center;width:100%;display:flex}.palette-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.palette-grid button{background:#202634;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:4px;display:flex}.palette-grid button span{aspect-ratio:1;border:1px solid #00000040;border-radius:5px;width:100%;display:block}.palette-grid button small{text-overflow:ellipsis;white-space:nowrap;color:#bec4d0;max-width:100%;font-size:8px;overflow:hidden}.palette-grid button.selected{border-color:#f06192;box-shadow:0 0 0 2px #f0619240}.color-input{border:1px solid var(--line);cursor:pointer;background:#222837;border-radius:7px;width:38px;height:31px;padding:2px}.selected-color-row{color:#c8cdd7;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;margin-top:9px;font-size:11px;display:grid}.selected-color-row>span{border:1px solid #ffffff40;border-radius:5px;width:22px;height:22px}.selected-color-row code{color:#9fa8bb}.layer-badge{color:#ff8bb4;white-space:nowrap;font-size:14px}.layer-stepper{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;display:grid}.layer-stepper button{padding:6px;font-size:18px;line-height:1}.layer-stepper input[type=range]{width:100%;accent-color:var(--accent)}.segmented-control{background:#10141d;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:9px;padding:4px;display:grid}.segmented-control button{background:0 0;border:0;padding:7px 4px;font-size:10px}.segmented-control button.active{background:#333a4b}.layer-canvas-wrap{background:#f4f5f9;border:1px solid #3b4252;border-radius:9px;overflow:hidden}.layer-canvas-wrap canvas{width:100%;height:auto;display:block}.reference-image-frame{border:1px solid var(--line);background:#090b10;border-radius:9px;justify-content:center;align-items:center;height:190px;margin-bottom:8px;display:flex;overflow:hidden}.reference-image-frame img{object-fit:contain;width:100%;height:100%}.file-button{margin-bottom:9px;font-size:12px;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.form-grid{gap:8px;margin:8px 0;display:grid}.form-grid.two-columns{grid-template-columns:1fr 1fr}.form-grid label{color:#bfc5d0;flex-direction:column;gap:5px;font-size:10px;display:flex}.form-grid input[type=number]{border:1px solid var(--line);width:100%;color:var(--text);background:#10141d;border-radius:7px;padding:7px 8px}.check-row{color:#c3c8d2;cursor:pointer;align-items:center;gap:7px;padding:4px 0;font-size:11px;display:flex}.check-row input{accent-color:var(--accent)}.primary-button{margin-top:8px;padding:10px}.inline-message{background:#111620;border:1px solid #2b3343;border-radius:7px;padding:8px 9px;color:#bcc3d1!important}.stats-grid{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.stats-grid>div{background:#111620;border:1px solid #2b3241;border-radius:8px;padding:8px}.stats-grid dt{color:#929bad;font-size:9px}.stats-grid dd{margin:4px 0 0;font-size:13px;font-weight:700}.warning-text{color:#ff7284}.warning-details{color:#f0b0ba;background:#ff647714;border:1px solid #ff647738;border-radius:8px;margin-top:9px;padding:8px;font-size:10px}.warning-details summary{cursor:pointer;font-weight:700}.coordinate-list{flex-wrap:wrap;gap:5px;max-height:120px;margin-top:8px;display:flex;overflow-y:auto}.coordinate-list code{color:#d7a2ad;background:#121620;border-radius:4px;padding:3px 5px}.inventory-list{flex-direction:column;gap:4px;max-height:200px;margin-top:10px;display:flex;overflow-y:auto}.inventory-list>div{background:#111620;border-radius:6px;grid-template-columns:16px 1fr auto;align-items:center;gap:7px;padding:5px 7px;font-size:10px;display:grid}.inventory-list span:first-child{border:1px solid #fff3;border-radius:4px;width:16px;height:16px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{width:min(780px,100vw - 60px);max-height:calc(100vh - 60px);box-shadow:var(--shadow);background:#181d28;border:1px solid #384052;border-radius:16px;overflow-y:auto}.modal-header{z-index:1;border-bottom:1px solid var(--line);background:#181d28;justify-content:space-between;gap:15px;padding:20px 22px;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:20px}.modal-header p{color:var(--muted);margin:5px 0 0;font-size:12px}.help-content{grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px 24px;display:grid}.help-content article{background:#111620;border:1px solid #2b3241;border-radius:10px;padding:14px}.help-content h3{margin:0 0 8px;font-size:14px}.help-content p{color:#bbc1ce;margin:0 0 7px;font-size:12px;line-height:1.65}.help-content p:last-child{margin-bottom:0}.help-content kbd{background:#232938;border:1px solid #50596d;border-radius:4px;padding:1px 5px;box-shadow:inset 0 -1px #11141d}.notice-card{grid-column:1/-1;border-color:#ff728447!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (max-width:1280px){body{min-width:980px}.workspace{grid-template-columns:96px minmax(420px,1fr) 330px}.brand-block{min-width:150px}.header-actions button{padding:7px 8px;font-size:11px}.palette-grid{grid-template-columns:repeat(5,1fr)}}.palette-grid .eraser-swatch{background:#202634}.palette-grid .eraser-icon{aspect-ratio:1;background:repeating-linear-gradient(-45deg,#252c3a 0 6px,#1c222e 6px 12px);border:1px solid #ffffff26;border-radius:5px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.palette-grid .eraser-icon i{background:linear-gradient(90deg,#ff91b3 0 55%,#f0e5da 55% 100%);border:1px solid #ffffff8c;border-radius:4px 4px 3px 3px;width:68%;height:38%;display:block;transform:rotate(-28deg);box-shadow:0 3px 8px #00000057}.selected-color-row.eraser-active{color:#ffc0d2;grid-template-columns:22px 1fr auto}.selected-color-row .selected-eraser-icon{background:linear-gradient(90deg,#ff91b3 0 55%,#f0e5da 55% 100%);border:1px solid #ffffff73;border-radius:4px;width:22px;height:14px;display:block;transform:rotate(-18deg)}.selected-color-row.eraser-active code{color:#ff91b3}.brick-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.brick-shape-grid button{background:#202634;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:68px;padding:7px 5px 6px;display:flex}.brick-shape-grid button.selected{background:#302434;border-color:#f06192;box-shadow:0 0 0 2px #f061923b}.brick-shape-grid button strong{font-size:10px}.brick-shape-icon{background:#b22a5b;border-radius:6px;gap:2px;width:42px;height:32px;padding:4px;display:grid;box-shadow:inset 0 -3px #0000002e,0 3px 7px #00000040}.brick-shape-icon i{background:#d54a7a;border:1px solid #ffffff3d;border-radius:50%;min-width:0;min-height:0;display:block;box-shadow:inset 0 -1px #00000040}.rotate-brick-button{min-width:68px}.brick-selection-status{color:#aeb6c6;background:#111620;border-radius:7px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;font-size:10px;display:grid}.brick-selection-status strong{color:#ff91b3;font-size:13px}.brick-selection-status code{color:#aeb6c6}.free-placement-row{margin-top:7px;padding:7px 2px 0}.inventory-subtitle{color:#9fa8ba;margin-top:11px;font-size:10px;font-weight:700}.compact-inventory-list{max-height:120px}.inventory-list .shape-count-icon{background:#b22a5b;border:1px solid #fff3;border-radius:3px;width:16px;height:12px;box-shadow:inset 0 -2px #0000002e}.viewport-panel.light-viewport{background:#eef1f5}.viewport-panel.light-viewport .viewport-hud{color:#202532;background:#ffffffd6;border-color:#323a4829;box-shadow:0 5px 18px #2d374817}.viewport-panel.light-viewport .viewport-hud.top-left span,.viewport-panel.light-viewport .viewport-hud.bottom-left{color:#60697a}.viewport-panel.light-viewport .empty-hint{color:#242a36;background:#ffffffdb;border-color:#323a4829}.viewport-panel.light-viewport .empty-hint span{color:#687183}.brick-shape-icon .empty-cell{opacity:.12;background:0 0;border-style:dashed}.custom-brick-editor{background:#111620;border:1px solid #303849;border-radius:8px;margin-top:9px;padding:8px}.custom-brick-editor summary{cursor:pointer;color:#e0e4ec;font-size:11px;font-weight:700}.custom-brick-editor>p{margin:8px 0}.custom-shape-grid{background:#0c1018;border:1px solid #303849;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:3px;width:174px;margin:8px auto;padding:6px;display:grid}.custom-shape-grid button{background:#232a38;border:1px solid #3a4355;border-radius:4px;width:22px;min-width:0;height:22px;min-height:0;padding:0}.custom-shape-grid button.active{background:#b22a5b;border-color:#f181a8;box-shadow:inset 0 -3px #0003}.custom-shape-status{color:#aeb6c6;justify-content:space-between;align-items:center;padding:5px 2px;font-size:10px;display:flex}.custom-shape-status .ok{color:#75d7a2}.custom-shape-actions{grid-template-columns:auto auto 1fr;gap:5px;display:grid}.custom-shape-actions button{padding:6px 7px;font-size:9px}.custom-shape-actions .primary-button{margin-top:0}.language-select select{border:1px solid var(--line);min-width:92px;color:var(--text);cursor:pointer;background:#0f131c;border-radius:8px;padding:8px 26px 8px 9px}.empty-hint{pointer-events:auto}.empty-hint-close{width:27px;height:27px;color:var(--muted);background:0 0;border:0;padding:0;font-size:20px;line-height:1;position:absolute;top:6px;right:7px}.empty-hint-close:hover:not(:disabled){background:#ffffff14}.viewport-panel.light-viewport .empty-hint-close{color:#687183}.azitwork-banner{z-index:30;background:0 0;border-radius:12px;width:min(700px,100% - 40px);max-width:700px;text-decoration:none;display:block;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 28px #00000047}.azitwork-banner img{width:100%;max-width:100%;height:auto;display:block}.azitwork-banner:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (max-width:1280px){.azitwork-banner{width:min(700px,100% - 32px);bottom:14px}}.legal-info-button{color:#c8ceda;background:#1b202c}.analytics-consent-banner{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181d28f7;border:1px solid #485166;border-radius:13px;width:min(440px,100vw - 36px);padding:14px;position:fixed;top:72px;right:18px;box-shadow:0 16px 42px #00000061}.analytics-consent-copy{gap:5px;display:grid}.analytics-consent-copy strong{font-size:14px}.analytics-consent-copy p{color:#b9c0ce;margin:0;font-size:11px;line-height:1.55}.analytics-consent-actions{justify-content:flex-end;gap:6px;margin-top:11px;display:flex}.analytics-consent-actions button{padding:7px 9px;font-size:11px}.analytics-consent-actions .primary-button{margin-top:0}.legal-modal{width:min(880px,100vw - 60px)}.legal-content{grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px 24px;display:grid}.legal-content article{background:#111620;border:1px solid #303849;border-radius:11px;padding:15px}.legal-content article.legal-highlight{background:linear-gradient(135deg,#b22a5b21,#111620fa);border-color:#e05a886b;grid-column:1/-1}.legal-content h3{margin:0 0 9px;font-size:14px}.legal-content p{color:#bbc2cf;margin:0 0 8px;font-size:12px;line-height:1.68}.legal-content p:last-of-type{margin-bottom:0}.legal-content a{color:#ff91b3;text-underline-offset:3px;margin-top:10px;font-size:12px;display:inline-flex}.analytics-preference-card{flex-direction:column;display:flex}.analytics-status{color:#c5ccda;background:#1b2230;border:1px solid #465064;border-radius:999px;width:-moz-fit-content;width:fit-content;margin:1px 0 12px;padding:5px 9px;font-size:11px;font-weight:700}.analytics-status-granted{color:#9fe2bd;background:#38976524;border-color:#59c28975}.analytics-status-denied{color:#c8ced9;background:#171d28;border-color:#424b5d}.analytics-preference-actions{gap:7px;margin-top:auto;display:flex}.analytics-preference-actions button{flex:1;font-size:11px}.analytics-preference-actions .primary-button{margin-top:0}@media (max-width:1280px){.analytics-consent-banner{width:390px;top:68px;right:12px}.legal-content{grid-template-columns:1fr}.legal-content article.legal-highlight{grid-column:auto}}