:root{font-family:DM Sans,Arial,Malgun Gothic,sans-serif;color:#d3d5d5;background:#151719;font-synthesis:none;font-size:12px;font-weight:400;--line:#2c2f31;--lime:#c2f75a;--muted:#858c8f}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;transition:background .12s,color .12s}button:hover{background:#33383a;color:#fff}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:2px}svg{width:16px;height:16px;flex-shrink:0}input,select,textarea{min-width:0;color:#e8eae9;background:#262a2c;border:1px solid #353a3c;border-radius:5px;padding:8px;outline:none}textarea{resize:vertical}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:0}input:hover::-webkit-inner-spin-button{opacity:1}input[type=color]{padding:2px;width:28px;height:28px;cursor:pointer;border:1px solid #484e4c;border-radius:4px}input[type=range]{padding:0;accent-color:var(--lime);height:3px;width:100%;cursor:pointer}input[type=checkbox]{accent-color:var(--lime)}button.primary,.primary{background:var(--lime);color:#1a2510;padding:10px 15px;font-weight:700;border:1px solid var(--lime);border-radius:6px}button.primary:hover{background:#d3ff80}.topbar{height:66px;display:flex;align-items:center;gap:22px;padding:0 22px;border-bottom:1px solid var(--line);background:#191c1e}.brand{display:flex;align-items:center;gap:10px;color:#f5f5ef;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.5px}.brand-symbol{background:var(--lime);color:#1b2714;border-radius:6px;height:30px;width:30px;display:flex;align-items:center;justify-content:center}.brand-symbol svg{width:22px;height:22px}.brand-soft{color:#a6aea9}.beta{font-size:8px;letter-spacing:1px;border:1px solid #3b4238;color:#bac4ad;padding:3px 4px;border-radius:3px;margin-left:1px}.top-separator{height:21px;width:1px;background:#35393b}.project-title{font-size:12px;padding:8px;gap:17px;color:#d1d7d4}.project-title svg{width:13px;color:#858d88}.save-state{font-size:10px;color:#7c877d;display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;border-radius:50%;background:#a2c976}.header-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.text-button{height:35px;padding:0 10px;font-size:11px;color:#a7afaa}.preview-button{height:35px;border:1px solid #424947;padding:0 12px;font-size:11px}.workspace{height:calc(100dvh - 66px);display:grid;grid-template-columns:242px minmax(300px,1fr) 270px}.left-panel,.right-panel{background:#1b1e20;display:flex;flex-direction:column;min-height:0}.left-panel{border-right:1px solid var(--line)}.panel-tabs{height:49px;flex-shrink:0;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 14px;gap:20px}.panel-tabs>button{padding:0 3px;border-radius:0;font-size:11px;color:#8a9392}.panel-tabs>button.active{border-bottom:2px solid var(--lime);color:#e5eddf}.panel-tabs>button:last-child{margin-left:auto;border:0}.document-label{height:51px;flex-shrink:0;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#67716e}.document-label>span:first-child{display:flex;align-items:center;gap:6px;color:#a1aaa6;font-size:10px}.document-label svg{width:13px}.layer-list{overflow:auto;flex:1;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#3a403d transparent}.layer-row{height:47px;padding:0 9px 0 calc(8px + var(--depth)*12px);display:flex;align-items:center;gap:7px;cursor:pointer;border-left:2px solid transparent;position:relative;outline-offset:-3px!important}.layer-row:hover{background:#252a2a}.layer-row.selected{background:#303b2a;border-left:2px solid var(--lime)}.layer-row.selected .layer-name{color:#e1f3d1}.layer-row .collapse{height:22px;width:12px;padding:0}.collapse svg{width:12px}.layer-indent{width:12px;flex-shrink:0}.layer-thumb{height:27px;width:27px;border:1px solid #3d4640;background:#252b27;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#9eafa1}.layer-thumb.text,.layer-thumb.group{border:0;background:transparent}.layer-thumb.shape{background:#354233}.layer-thumb svg{width:15px}.layer-thumb img{width:100%;height:100%;object-fit:cover}.layer-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#acb5b1}.layer-visibility,.layer-lock{opacity:0;width:16px;padding:0;height:22px;color:#80907e}.layer-row:hover .layer-visibility,.layer-row:hover .layer-lock,.layer-visibility.shown,.layer-lock.shown{opacity:1}.layer-visibility svg,.layer-lock svg{width:12px}.hidden-layer{opacity:.45}.left-bottom{border-top:1px solid var(--line);padding:15px 14px}.privacy-note{display:flex;align-items:center;gap:10px;padding:0 3px 15px;font-size:10px;color:#b4c3ab}.privacy-note svg{color:#a4c58b;width:15px}.privacy-note small{display:block;color:#68766d;font-size:9px;margin-top:5px}.compatibility{border:1px solid #333d35;width:100%;font-size:10px;height:34px;justify-content:flex-start;padding:0 8px;color:#8f9c91}.compatibility svg{width:13px}.compatibility>svg:last-child{margin-left:auto}.compatibility b{margin-left:auto;color:#d4c58a;border-radius:4px;background:#3b3724;padding:2px 5px;font-size:9px}.editor{background:#282c2e;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.contextbar{height:49px;background:#202426;border-bottom:1px solid #323638;display:flex;align-items:center;justify-content:space-between;padding:0 17px;flex-shrink:0}.tool-strip,.context-right{display:flex;align-items:center;gap:5px}.tool-strip>button,.context-right>button{width:31px;height:30px;color:#8c9892}.tool-strip>button.active,.context-right>button.active{background:#37452c;color:var(--lime)}.context-right>span{width:1px;height:18px;background:#3c4340;margin:0 7px}.canvas-viewport{overflow:auto;flex:1;padding:35px 40px 30px;scrollbar-width:thin;scrollbar-color:#4a5150 transparent;display:flex;flex-direction:column;align-items:center;background-image:radial-gradient(#434a472b .6px,transparent .6px);background-size:8px 8px}.artboard-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#8a9690;margin-bottom:12px;flex-shrink:0;width:100%;max-width:1200px;min-width:100px}.artboard-heading>span:last-child{font-size:8px;letter-spacing:1px;color:#5c6a61}.board-space{flex-shrink:0;position:relative;box-shadow:0 18px 40px #0002,0 2px 6px #0001}#artboard{position:relative;transform-origin:top left;-webkit-user-select:none;user-select:none;touch-action:none;overflow:visible}#artboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999999;box-shadow:inset 0 0 0 1px #0001}.canvas-layer{white-space:pre-wrap;overflow-wrap:break-word;cursor:move;box-sizing:border-box}.canvas-layer.text{margin:0}.canvas-layer:hover:not(.is-locked){outline:1px solid #82ac4f88}.canvas-layer.is-locked{cursor:default}.canvas-layer.is-selected{outline:1px solid #81ab47}.canvas-layer img{pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-layer table{border-collapse:collapse;width:100%;height:100%;table-layout:fixed}.canvas-layer th,.canvas-layer td{border:1px solid #ccd3cd;padding:8px;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-layer th{background:#eef2eb}.canvas-layer.editing-text{-webkit-user-select:text;user-select:text;cursor:text;outline:2px solid #8bb746;min-height:1em}.selection-outline{pointer-events:none;position:absolute;border:1.4px solid #8db94b;z-index:1000000;transform-origin:center}.resize-handle{width:var(--handle-size);height:var(--handle-size);background:#e5f3d1;border:1px solid #6f9440;position:absolute;pointer-events:auto;transform:translate(-50%,-50%)}.resize-handle.nw{left:0;top:0;cursor:nwse-resize}.resize-handle.ne{left:100%;top:0;cursor:nesw-resize}.resize-handle.sw{left:0;top:100%;cursor:nesw-resize}.resize-handle.se{left:100%;top:100%;cursor:nwse-resize}.selection-size{position:absolute;top:calc(-2.3 * var(--label-size));left:50%;transform:translate(-50%);font:var(--label-size) Arial;background:#91bb50;color:#1d3517;padding:calc(.3 * var(--label-size)) calc(.5 * var(--label-size));border-radius:3px;white-space:nowrap}.canvas-hint{font-size:9px;color:#75837b;margin-top:24px;display:flex;align-items:center;gap:7px;flex-shrink:0}.canvas-hint svg{width:11px}.canvas-hint>span{margin:0 3px}.editor-bottom{height:42px;flex-shrink:0;background:#222729;border-top:1px solid #343b37;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:8px;color:#86968a}.editor-bottom>span{display:flex;gap:7px;align-items:center}.editor-bottom svg{width:11px}.bottom-divider{height:10px;width:1px;background:#414a42;margin:0 4px}.zoom-controls{display:flex;gap:3px;align-items:center}.zoom-controls button{height:28px;width:25px;color:#a5b29f}.zoom-controls button.zoom-value{width:44px;font-size:10px}.zoom-controls>span{height:14px;width:1px;background:#3b443c;margin:0 7px}.right-panel{border-left:1px solid var(--line)}.inspector-title{height:49px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;flex-shrink:0}.inspector-title svg{width:14px;color:#718176}.inspector-body{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#414a42 transparent}.inspector-section{padding:19px 17px;border-bottom:1px solid var(--line)}.section-heading{font-size:10px;color:#c6d1c5;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.section-heading>span{font-size:8px;color:#66776a;font-weight:400}.fields{display:grid;gap:9px}.fields.two{grid-template-columns:1fr 1fr}.field{position:relative;display:flex;align-items:center;background:#272d2a;border:1px solid #363f38;border-radius:5px;overflow:hidden;width:100%;height:33px}.field>span{padding-left:9px;font-size:9px;color:#849282;flex-shrink:0}.field>input,.field>select{width:100%;height:100%;border:0;background:transparent;font-size:10px;color:#c9d4c5;padding-left:10px}.field>select{padding:0 5px}.color-field{height:36px;display:flex;align-items:center;gap:9px;font-size:10px;margin:14px 0 0}.color-field code{margin-left:auto;font-size:10px;color:#9eaf9a}.inspector-empty{text-align:center;padding:33px 22px;color:#788875}.inspector-empty>svg{width:27px;height:27px;color:#839d75;opacity:.6}.inspector-empty h3{font-size:13px;color:#bcccb4;font-weight:500;margin-top:20px}.inspector-empty p{font-size:10px;line-height:1.9;color:#7b8d77;margin-bottom:25px}.wide-button{width:100%;height:35px;border:1px solid #414d3e;border-radius:5px;font-size:10px;color:#bcccb3;margin:5px 0}.wide-button svg{width:13px}.subtle-button{font-size:9px;color:#819676;padding:8px 6px;width:100%;margin-top:5px}.mini-guide{padding:26px 22px;border-top:1px solid var(--line);font-size:9px;color:#72816f}.mini-guide>span{font-size:8px;letter-spacing:1.4px}.mini-guide p{display:flex;align-items:center;gap:8px;margin-top:15px}.mini-guide kbd{background:#282f28;color:#9eb391;border:1px solid #3e4a38;border-radius:3px;font-family:inherit;font-size:8px;padding:3px 5px;min-width:24px;text-align:center}.inspector-footer{height:38px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);font-size:8px;color:#71816a;gap:6px;flex-shrink:0}.tiny-dot{width:4px;height:4px;background:#8dac71;border-radius:50%}.selected-layer-label{display:flex;align-items:center;gap:9px;padding:15px 17px;border-bottom:1px solid var(--line);color:#b8c9ad}.selected-layer-label input{width:100%;background:none;border:0;padding:4px 0;font-size:11px}.selected-layer-label svg{width:14px}.transform-actions{display:flex;gap:4px;margin-top:12px}.transform-actions>button{width:29px;height:26px;color:#819478}.transform-actions>span{flex:1}.transform-actions svg{width:13px}.text-content{width:100%;font-size:11px;line-height:1.7;background:#242c25;border-color:#3d4b37;margin-bottom:12px}.full-field{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:9px;color:#84957a}.full-field input,.full-field select{width:100%;font-size:11px;background:#282f28;border-color:#3b4936}.segmented{display:flex;border:1px solid #3b4836;border-radius:5px;overflow:hidden;margin-top:13px}.segmented button{flex:1;height:30px;border-radius:0;color:#8da17f}.segmented button.active{background:#3a4d2f;color:var(--lime)}.segmented button span{font-size:14px;width:18px;display:inline-block}.muted{font-size:9px;line-height:1.8;color:#89957f;display:block}.inspector-section>.muted{margin-top:13px}.layer-actions{display:flex;gap:8px}.layer-actions button{flex:1;height:33px;border:1px solid #3b4535;font-size:10px}.layer-actions svg{width:12px}.danger-text{color:#c18e7c}.slider-field{display:block;margin-top:18px}.slider-field>span{display:flex;justify-content:space-between;color:#98a98d;font-size:10px;margin-bottom:12px}.slider-field b{font-size:9px;font-weight:400}.table-edit{overflow:auto;max-height:300px;border:1px solid #43533b;border-radius:4px;scrollbar-width:thin}.table-edit>div{display:flex}.table-edit input{min-width:76px;width:100%;height:30px;border-radius:0;border:1px solid #3c4736;font-size:10px;padding:4px}.table-actions{display:flex;gap:2px;margin-top:7px}.table-actions>button{border:1px solid #374630;padding:6px;font-size:9px}.checkbox-field{display:flex;align-items:center;gap:5px;margin:13px 0;font-size:10px;color:#99ac8d}.locked-note{font-size:10px;color:#d6c389;padding:10px 17px;background:#322f1f;margin:0}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.5}.reference-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.empty-layers{padding:40px 20px;font-size:11px;line-height:1.8;color:#778671;text-align:center}.assets-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:9px}.assets-grid button{border:1px solid #3e4a39;display:block;padding:6px;overflow:hidden}.assets-grid img{width:100%;height:85px;object-fit:cover;border-radius:3px}.assets-grid span{display:block;font-size:9px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.layer-list>.wide-button{width:calc(100% - 26px);margin:5px 13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#090e0bc4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{position:relative;width:min(540px,100%);max-height:90dvh;overflow:auto;background:#202822;border:1px solid #48543f;border-radius:14px;padding:38px;color:#d1ddc8;box-shadow:0 28px 100px #0007}.modal-close{position:absolute;top:13px;right:13px;width:28px;height:28px;color:#8ba07d}.modal-kicker{font-size:8px;letter-spacing:2px;color:var(--lime);margin-bottom:15px}.modal h2{font-size:23px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:0 0 10px}.modal p{font-size:11px;line-height:1.9;color:#95a88b}.modal .muted{font-size:10px;color:#879a7c;margin-top:20px}.modal>.primary{margin-top:15px;width:100%}.export-stats{display:flex;gap:25px;border-top:1px solid #3d4a36;border-bottom:1px solid #3d4a36;padding:18px 0;margin:25px 0}.export-stats>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#90a482}.export-stats b{font-size:23px;font-weight:400;color:#d2e6c1}.export-option{width:100%;padding:15px;border:1px solid #4a5e3e;margin:9px 0;justify-content:space-between;text-align:left;background:#293524;border-radius:8px}.export-option>span:nth-child(2){flex:1;margin-left:8px}.export-option strong{display:block;font-size:12px;color:#d9e9cc;font-weight:500}.export-option small{display:block;font-size:9px;color:#8a9d7e;margin-top:7px}.export-option>svg{color:#b3cc9f}.export-icon{height:35px;width:35px;border-radius:7px;background:#3b4e2e;color:var(--lime);display:flex;align-items:center;justify-content:center}.report-list{max-height:270px;overflow:auto;margin:20px 0;padding:5px 12px;border:1px solid #435139;border-radius:6px}.report-list p{display:flex;align-items:flex-start;gap:8px;font-size:10px}.report-list svg{width:13px;margin-top:4px;color:#c3cf89;flex-shrink:0}.modal.wide{width:95vw;height:90dvh;padding:44px 18px 18px;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:0 5px 15px;font-size:12px;color:#bad2a9;gap:15px}.preview-header>span:nth-child(2){font-size:10px;color:#829776;margin-left:auto}.preview-header .primary{font-size:11px}#export-preview{width:100%;flex:1;border:0;background:#fff;border-radius:5px}.print-note{font-size:10px!important;margin-bottom:0}.add-options{margin-top:20px}.add-options button{height:45px;font-size:12px;justify-content:flex-start;padding-left:20px}#toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:500;background:#d2efb4;color:#1c3417;border:1px solid #accc8a;border-radius:7px;box-shadow:0 6px 30px #0004;padding:12px 20px;font-size:11px;max-width:85vw;transition:opacity .2s,transform .2s;line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{background:#f1ceb8;color:#58270e;border-color:#d9ac8c}@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(300px,1fr) 290px}.topbar{padding:0 25px}.canvas-viewport{padding-top:45px}.layer-row{height:49px}.layer-name{font-size:11px}}@media(max-width:1100px){.workspace{grid-template-columns:210px minmax(280px,1fr) 245px}.topbar{gap:10px;padding:0 13px}.save-state{display:none}.header-actions{gap:3px}.top-separator{margin:0 6px}.brand{font-size:17px}.beta{display:none}.text-button{padding:0 7px}.canvas-viewport{padding:30px 25px}.layer-name{font-size:9px}.right-panel .inspector-section{padding:16px 13px}.field>span{padding-left:6px}.editor-bottom>span{font-size:7px}}@media(max-width:900px){.workspace{grid-template-columns:200px minmax(280px,1fr)}.right-panel{display:none;position:fixed;right:0;top:66px;bottom:0;width:270px;z-index:30;box-shadow:-10px 0 30px #0003}.show-inspector .right-panel{display:flex}.header-actions .text-button span{display:none}.project-title{max-width:170px;white-space:nowrap;overflow:hidden}.header-actions .primary{padding:9px 10px}.contextbar{padding:0 10px}.tool-strip,.context-right{gap:1px}.canvas-hint{font-size:8px}.editor-bottom>span .bottom-divider,.editor-bottom>span .bottom-divider+span{display:none}}@media(max-width:620px){.topbar{height:58px;padding:0 10px}.brand{font-size:16px;gap:7px}.brand-symbol{height:26px;width:26px}.top-separator,.project-title,.preview-button span{display:none}.header-actions .text-button{width:28px;padding:0}.header-actions .primary{font-size:10px;gap:5px;padding:8px}.header-actions svg{width:14px}.workspace{height:calc(100dvh - 58px);grid-template-columns:148px minmax(170px,1fr)}.panel-tabs{padding:0 9px;gap:12px}.panel-tabs>button{font-size:10px}.document-label{padding:0 9px;height:40px}.document-label>span:last-child{display:none}.layer-row{gap:4px;height:43px;padding-left:calc(3px + var(--depth)*6px);padding-right:4px}.layer-thumb{width:21px;height:24px}.layer-name{font-size:8px}.layer-visibility,.layer-lock{opacity:1;width:13px}.layer-lock{display:none}.layer-lock.shown{display:flex}.layer-indent{width:8px}.left-bottom{padding:10px 8px}.privacy-note{gap:6px;font-size:8px}.privacy-note small{font-size:7px}.compatibility{font-size:8px;padding:0 5px;gap:4px}.compatibility svg{width:11px}.contextbar{height:44px;padding:0 6px;flex-wrap:wrap}.tool-strip>button,.context-right>button{width:25px;height:26px}.tool-strip button:nth-child(6){display:none}.context-right>span,.context-right>button[data-action=grid]{display:none}.context-right>button{width:22px}.contextbar svg{width:13px}.canvas-viewport{padding:26px 15px}.artboard-heading{font-size:7px;letter-spacing:.5px}.artboard-heading>span:last-child{display:none}.canvas-hint{display:none}.editor-bottom{padding:0 7px;height:39px}.editor-bottom>span{font-size:0;gap:0}.editor-bottom>span svg{width:11px}.editor-bottom .bottom-divider{display:none}.zoom-controls{gap:0}.zoom-controls button{width:20px}.zoom-controls button.zoom-value{width:34px;font-size:9px}.right-panel{top:58px;width:260px}.modal-backdrop{padding:14px}.modal{padding:32px 22px}.modal h2{font-size:19px}.export-option{padding:12px 9px}.export-option small{font-size:8px}.preview-header>span:nth-child(2){display:none}.modal.wide{width:100%;height:92dvh}.inspector-empty{padding:25px 15px}}