:root{--bg-main:#06132d;--bg-deep:#03102a;--panel:#071431e6;--panel-2:#0a193af2;--line:#6fa2ff29;--line-2:#ffffff14;--text:#eef5ff;--muted:#92a7d2;--accent:#00d4ff;--accent-2:#1a74ff;--success:#31d6ff;--shadow:0 24px 60px #0000006b}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 20% 10%,#00d4ff1f,#0000 22%),radial-gradient(circle at 85% 15%,#1a74ff1f,#0000 18%),linear-gradient(#021024 0%,#04122e 100%)}.hidden-input{display:none}.app-shell{min-height:100vh;padding:24px}.editor-window{width:100%;min-height:calc(100vh - 48px);box-shadow:var(--shadow);background:linear-gradient(#04122df5,#041028f0);border:1px solid #89b4ff2e;border-radius:26px;overflow:hidden}.window-topbar{border-bottom:1px solid var(--line-2);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:78px;padding:0 22px;display:grid}.brand-block{align-items:center;gap:12px;display:flex}.brand-logo{color:#04142d;background:linear-gradient(#00d4ff 0%,#1a74ff 100%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 10px 24px #00d4ff3d}.brand-text strong{letter-spacing:-.02em;font-size:18px;font-weight:800;display:block}.brand-text span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.topbar-center{justify-content:center;align-items:center;gap:10px;display:flex}.zoom-box,.mini-icon-btn,.ghost-btn,.primary-btn,.footer-action,.tab-btn,.tool-button,.apply-btn{cursor:pointer;font:inherit;border:0;outline:none;transition:all .2s}.zoom-box{border:1px solid var(--line-2);min-width:86px;height:38px;color:var(--text);background:#ffffff0f;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.mini-icon-btn{border:1px solid var(--line-2);width:38px;height:38px;color:var(--text);background:#ffffff0a;border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.mini-icon-btn:hover{background:#ffffff14}.mini-icon-btn:disabled{cursor:default;opacity:.42}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ghost-btn,.primary-btn{border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:800;display:inline-flex}.ghost-btn{border:1px solid var(--line-2);color:var(--text);background:#ffffff0f}.ghost-btn:hover{background:#ffffff1a}.primary-btn{color:#fff;background:linear-gradient(#1788ff 0%,#0b6dff 100%);box-shadow:0 10px 26px #0b6dff4d}.primary-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.workspace{grid-template-columns:84px minmax(0,1fr) 320px;gap:18px;min-height:calc(100vh - 126px);padding:18px;display:grid}.tool-sidebar,.right-sidebar,.canvas-section{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081534c7;border-radius:22px}.tool-sidebar{z-index:5;flex-direction:column;padding:14px 10px;display:flex;position:relative}.tool-group{gap:10px;display:grid}.tool-group.secondary{margin-top:4px}.tool-divider{background:var(--line-2);height:1px;margin:14px 4px}.tool-button{min-height:68px;color:var(--muted);background:#ffffff08;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.tool-button:hover{color:var(--text);background:#ffffff0f;border-color:#00d4ff40}.tool-button.active{color:#d9fbff;background:linear-gradient(#00d4ff2e,#00d4ff0f);border-color:#00d4ff59}.tool-button.small{min-height:58px}.tool-button.disabled{opacity:.55;cursor:default}.icon-tool{width:58px;height:58px;color:var(--muted);cursor:pointer;background:#ffffff08;border:0;border-radius:15px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:relative}.icon-tool:hover{color:var(--text);background:#ffffff12}.icon-tool.active{color:#e3fbff;background:linear-gradient(#00d4ff38,#00d4ff14);box-shadow:inset 0 0 0 1px #00d4ff5c}.tool-tooltip{color:#eef5ff;opacity:0;pointer-events:none;z-index:20;background:#030c1df5;border:1px solid #89b4ff33;border-radius:10px;align-items:center;gap:10px;min-width:max-content;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 12px 28px #0000005c}.tool-tooltip kbd{color:#9feeff;min-width:22px;min-height:20px;font:inherit;text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:2px 6px;font-size:11px;line-height:1.2}.icon-tool:hover .tool-tooltip,.icon-tool:focus-visible .tool-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.canvas-section{flex-direction:column;min-width:0;padding:16px;display:flex}.canvas-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.meta-pill{border:1px solid var(--line-2);min-height:38px;color:var(--muted);background:#ffffff0d;border-radius:11px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.meta-pill.highlight{color:#d9ecff}.canvas-wrapper{border:1px solid var(--line-2);background-color:#0000;background-image:linear-gradient(45deg,#081733 25%,#0000 25%),linear-gradient(-45deg,#081733 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#081733 75%),linear-gradient(-45deg,#0000 75%,#081733 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:18px;flex:1;justify-content:center;align-items:center;min-height:560px;padding:18px;display:flex;overflow:auto}.canvas-stage{transform-origin:50%;background-color:#dbe5f4;background-image:linear-gradient(45deg,#3849675c 25%,#0000 25%),linear-gradient(-45deg,#3849675c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3849675c 75%),linear-gradient(-45deg,#0000 75%,#3849675c 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;border-radius:16px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 24px 46px #00000061}.main-canvas,.overlay-canvas{width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.overlay-canvas{cursor:crosshair;position:absolute;inset:0}.overlay-canvas.move-layer{cursor:grab}.canvas-empty-state{z-index:2;text-align:center;background:#051024d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.canvas-empty-state h3{margin:0;font-size:24px;font-weight:800}.canvas-empty-state p{color:var(--muted);max-width:420px;margin:0;font-size:14px;line-height:1.6}.canvas-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.footer-left{color:var(--muted);font-size:13px;font-weight:700}.footer-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-action{border:1px solid var(--line-2);color:#ddecff;background:#ffffff0d;border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.footer-action:hover{background:#ffffff17}.right-sidebar{flex-direction:column;padding:16px;display:flex}.tab-header{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.tab-btn{height:42px;color:var(--muted);background:#ffffff0a;border:1px solid #0000;border-radius:12px;font-weight:800}.tab-btn.active{color:var(--text);border-color:var(--line-2);background:#ffffff14}.panel-card{border:1px solid var(--line-2);background:#ffffff08;border-radius:18px;flex-direction:column;gap:14px;padding:14px;display:flex}.panel-row.top{justify-content:space-between;align-items:center;gap:10px;display:flex}.select-box,.opacity-box{border:1px solid var(--line-2);color:#dce9ff;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.layer-list{gap:10px;max-height:calc(100vh - 340px);padding-right:2px;display:grid;overflow:auto}.layer-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:14px;grid-template-columns:22px 48px 1fr auto;align-items:center;gap:10px;min-height:72px;padding:10px 12px;display:grid}.layer-item.active{background:#1a74ff2e;border-color:#56aeff73}.layer-item.locked{opacity:.8}.layer-eye{color:#cbdcff;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.layer-eye:hover{background:#ffffff14}.layer-thumb{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.layer-thumb.base{color:#ddf5ff;background:linear-gradient(#133869 0%,#0e2550 100%)}.layer-thumb.image{border:1px solid var(--line);background:#0b1429}.layer-thumb.image img{object-fit:contain;width:100%;height:100%}.layer-thumb.base img{object-fit:cover;width:100%;height:100%}.layer-thumb.placeholder{background:linear-gradient(#10233f 0%,#0d1c36 100%)}.layer-labels{gap:4px;min-width:0;display:grid}.layer-labels strong{color:#eef4ff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.layer-labels span{color:var(--muted);font-size:12px}.layer-lock{color:#99aed7;justify-content:center;align-items:center;display:flex}.layer-delete{color:#aabde4;cursor:pointer;background:#ffffff0a;border:0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:inline-flex}.layer-delete:hover:not(:disabled){color:#ffd9e1;background:#ff4f7229}.layer-delete:disabled{cursor:default;opacity:.35}.panel-title{color:#edf5ff;font-size:15px;font-weight:800}.color-panel{flex-direction:column;gap:14px;display:flex}.big-color-input{border:1px solid var(--line-2);background:#07142e;border-radius:16px;width:100%;height:160px;padding:6px}.color-preview-row{color:#ddecff;align-items:center;gap:12px;font-weight:700;display:flex}.color-swatch{background-color:#dbe5f4;background-image:linear-gradient(45deg,#3849675c 25%,#0000 25%),linear-gradient(-45deg,#3849675c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3849675c 75%),linear-gradient(-45deg,#0000 75%,#3849675c 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #ffffff24;border-radius:8px;width:30px;height:30px;overflow:hidden}.color-swatch-fill{width:100%;height:100%}.slider-box{flex-direction:column;gap:8px;display:flex}.slider-box label{color:#dce9ff;font-size:13px;font-weight:700}.slider-row{align-items:center;gap:12px;display:flex}.slider-row input[type=range]{accent-color:var(--accent);flex:1}.slider-row span{text-align:right;min-width:58px;color:var(--muted);font-size:13px;font-weight:700}.apply-btn{color:#dffbff;background:linear-gradient(#00d4ff33,#00d4ff1f);border:1px solid #00d4ff40;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;font-weight:800;display:inline-flex}.apply-btn:hover{filter:brightness(1.05)}.help-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010816b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.help-dialog{background:linear-gradient(#071533fa,#040f26fa);border:1px solid #89b4ff33;border-radius:22px;width:min(980px,100%);max-height:min(780px,100vh - 48px);padding:22px;overflow:auto;box-shadow:0 28px 80px #0000008c}.help-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.help-eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.help-head h2{margin:0;font-size:24px;line-height:1.2}.help-tabs{border:1px solid var(--line-2);background:#ffffff0a;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px;padding:5px;display:inline-grid}.help-tab{min-width:108px;height:38px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:900}.help-tab.active{color:#e5fbff;background:#00d4ff24;box-shadow:inset 0 0 0 1px #00d4ff38}.intro-panel{gap:16px;margin-top:18px;display:grid}.intro-summary{background:linear-gradient(135deg,#00d4ff24,#1a74ff14);border:1px solid #00d4ff2e;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;min-height:118px;padding:20px;display:flex}.intro-summary strong{color:#f3fbff;font-size:24px;line-height:1.2}.intro-summary span{color:#bad0f2;max-width:720px;font-size:14px;line-height:1.65}.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.intro-card{border:1px solid var(--line-2);background:#ffffff09;border-radius:16px;min-height:124px;padding:16px}.intro-card h3{color:#eef5ff;margin:0 0 8px;font-size:15px;line-height:1.35}.intro-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.help-section{border:1px solid var(--line-2);background:#ffffff09;border-radius:16px;padding:14px}.help-section h3{color:#eef5ff;margin:0 0 12px;font-size:15px;line-height:1.3}.help-list{gap:10px;display:grid}.help-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:54px;display:grid}.help-item-main{gap:4px;min-width:0;display:grid}.help-item-main strong{color:#eef5ff;font-size:13px;line-height:1.25}.help-item-main span{color:var(--muted);font-size:12px;line-height:1.45}.help-item kbd{color:#dffbff;min-width:34px;max-width:150px;min-height:28px;font:inherit;text-align:center;white-space:normal;background:#00d4ff1a;border:1px solid #00d4ff2e;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:900;line-height:1.2}@media (width<=1280px){.workspace{grid-template-columns:84px minmax(0,1fr)}.right-sidebar{grid-column:1/-1}}@media (width<=960px){.app-shell{padding:12px}.window-topbar{grid-template-columns:1fr;height:auto;padding:16px}.topbar-center,.topbar-actions{justify-content:flex-start}.workspace{grid-template-columns:1fr}.tool-sidebar{flex-direction:row;order:2;gap:12px;overflow:auto visible}.tool-group{display:flex}.tool-divider{display:none}.tool-tooltip{top:auto;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.icon-tool:hover .tool-tooltip,.icon-tool:focus-visible .tool-tooltip{transform:translate(-50%)translateY(0)}.help-backdrop{align-items:stretch;padding:12px}.help-dialog{max-height:calc(100vh - 24px);padding:16px}.help-grid{grid-template-columns:1fr}.help-tabs{display:grid}.intro-grid{grid-template-columns:1fr}}.enhancement-crop-tool,.enhancement-hand-tool{position:relative}.maskly-crop-mode .icon-tool[aria-label=올가미].active,.maskly-hand-mode .tool-sidebar .icon-tool.active:not(.enhancement-hand-tool){color:var(--muted);box-shadow:none;background:#ffffff0a;border-color:#0000}.enhancement-crop-tool.active,.enhancement-hand-tool.active{color:#bff7ff;background:#00d4ff29;border-color:#00d4ff7a}.maskly-hand-mode .overlay-canvas{cursor:grab}.maskly-hand-dragging .overlay-canvas{cursor:grabbing}.enhancement-crop-guide{z-index:6;pointer-events:none;border:2px solid #00d4ff;display:none;position:absolute;box-shadow:0 0 0 9999px #030a1885,inset 0 0 0 1px #ffffff52}.enhancement-crop-grid{background:#ffffff75;position:absolute}.enhancement-crop-grid.vertical{width:1px;top:0;bottom:0}.enhancement-crop-grid.horizontal{height:1px;left:0;right:0}.enhancement-crop-grid.vertical.first{left:33.333%}.enhancement-crop-grid.vertical.second{left:66.666%}.enhancement-crop-grid.horizontal.first{top:33.333%}.enhancement-crop-grid.horizontal.second{top:66.666%}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}