:root{font-family:Inter,Segoe UI,Malgun Gothic,-apple-system,BlinkMacSystemFont,sans-serif;color:#d6d7df;background:#191b20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;--base:#1c1e24;--panel:#21232b;--raised:#292c35;--line:#343741;--muted:#9094a4;--accent:#fb9578;--accent-soft:#3d302e;--text:#e4e5eb;--range-progress:50%}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.3;cursor:default}button:not(:disabled),a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:1px}button:not(:disabled){transition:background .15s,color .15s,border-color .15s}button:not(:disabled):active{filter:brightness(.93)}button svg{flex-shrink:0}input,select{min-width:0;color:var(--text)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}input[type=checkbox]{accent-color:var(--accent)}input[type=color]{cursor:pointer;border:0;padding:0;block-size:28px;inline-size:36px;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}select{background:var(--raised);border:1px solid var(--line);border-radius:5px;padding:7px}hr{border:0;border-top:1px solid var(--line);margin:18px 0}kbd{font-size:12px;font-family:inherit;padding:2px 5px;min-width:20px;border:1px solid #454954;background:#30333d;border-radius:4px;color:#b8bbc8;white-space:nowrap}::selection{background:#fb957840}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#454955;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.full-width{width:100%}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.studio-app{height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:340px;overflow:hidden}.app-header{height:62px;min-height:62px;display:flex;align-items:center;padding:0 20px 0 15px;background:#1c1e24;border-bottom:1px solid #343640;gap:17px;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f3f2f3;flex-shrink:0}.brand>img{width:30px;height:30px}.brand>span{font-size:22px;font-weight:650;letter-spacing:-1px;display:flex;align-items:baseline;gap:8px}.brand-label{font-size:9px;color:#9094a2;font-weight:650;letter-spacing:2.1px}.header-divider{height:23px;width:1px;background:#383a43;margin-left:9px}.text-button{display:flex;align-items:center;gap:9px;padding:9px 6px;color:#aeb1bf;font-size:13px}.text-button:hover{color:#fff}.text-button.active{color:var(--accent)}.file-menu-wrap{position:relative}.file-menu-button>svg:first-child{display:none}.header-document{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0;margin:0 auto}.header-document input{background:none;border:0;color:#d0d1db;text-align:right;max-width:240px;min-width:50px;width:190px;font-size:13px;text-overflow:ellipsis}.header-document>svg{color:#727789}.saved-indicator{color:#91a69a;margin-left:5px;display:flex}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#aeb1bf;flex-shrink:0}.icon-button:hover:not(:disabled){background:#343741;color:#f5f5f7}.icon-button.active{background:var(--accent-soft);color:var(--accent)}.primary-button,.secondary-button,.collaborate-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 15px;border-radius:6px;font-weight:550;font-size:13px;line-height:1.3;white-space:nowrap}.primary-button{background:var(--accent);color:#2b211e;border:1px solid var(--accent)}.primary-button:hover:not(:disabled){background:#ffab91;border-color:#ffab91}.secondary-button{background:#292c35;border:1px solid #414550;color:#d3d5e0}.secondary-button:hover:not(:disabled){background:#363945}.collaborate-button{background:#292c34;border:1px solid #3b3e49;font-size:13px}.collaborate-button:hover{background:#363944}.collaborate-button.connected{color:#afcebc;border-color:#54735f}.quick-save{margin-right:2px}.context-bar{display:flex;align-items:center;gap:14px;padding:0 18px 0 15px;height:47px;min-height:47px;background:#22242c;border-bottom:1px solid var(--line);z-index:10}.undo-controls{display:flex;gap:3px}.vertical-rule{height:20px;width:1px;background:#3a3d47;flex-shrink:0}.current-brush{display:flex;gap:9px;align-items:center;min-width:125px;font-size:13px}.current-brush>svg:first-child{color:var(--accent)}.current-brush>svg:last-child{margin-left:auto;color:#777d8e}.toolbar-value{display:flex;align-items:center;gap:7px;color:#a4a8b7;font-size:12px;white-space:nowrap}.toolbar-value input{width:37px;text-align:right;padding:4px 0;background:none;border:0;color:#d9dae3;font-variant-numeric:tabular-nums}.context-spacer{flex:1}.view-mode{border:1px solid #41444e;display:flex;align-items:center;gap:7px;border-radius:5px;height:29px;padding:0 9px;font-size:12px;color:#b5b8c6}.view-mode.active{background:var(--accent-soft);color:var(--accent);border-color:#805644}.mobile-inspector{display:none}.editor-layout{flex:1;min-height:0;display:flex;position:relative}.tool-rail{width:60px;min-width:60px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:13px 0 11px;gap:6px;background:#202229;z-index:12}.tool-button{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:7px;color:#aeb2c3;position:relative}.tool-button:hover{background:#30333f;color:#e7e8ee}.tool-button.selected{background:#44332f;color:#ffa78a}.tool-button.selected:before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:2px;border-radius:3px;background:var(--accent)}.tool-group-start{margin-top:14px}.tool-separator{width:25px;height:1px;background:#3c3f4b;margin:8px 0 12px}.rail-color{width:26px;height:26px;border-radius:7px;border:2px solid #bfc2cf;box-shadow:5px 5px 0 -2px #21232a,5px 5px #818694;margin:0 5px 5px 0}.rail-spacer{flex:1}.mobile-brushes{display:none}.side-panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.brush-panel{width:236px;min-width:236px;border-right:1px solid var(--line)}.panel-tabs{height:43px;min-height:43px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 15px;gap:23px}.panel-tabs>button{font-size:12px;color:#858b9d;padding:0;position:relative;white-space:nowrap}.panel-tabs>button.selected{color:#eaebef}.panel-tabs>button.selected:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.panel-tabs>.panel-close{display:none;margin-left:auto}.brush-panel-scroll{overflow:auto;flex:1}.panel-section{padding:17px 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:550;color:#c8cbd6;min-height:18px;margin-bottom:15px}.section-heading>span{display:flex;align-items:center;gap:8px}.section-heading>svg{color:#757c8d}.section-heading>.icon-button{height:23px;width:23px;margin-right:-4px}.count-badge{font-size:10px;color:#9da3b4;background:#30333e;padding:2px 5px;border-radius:4px;font-weight:500;line-height:1}.brush-library{padding-bottom:9px}.brush-filters{display:flex;gap:6px;margin-bottom:12px}.brush-filters button{font-size:11px;padding:5px 11px;border-radius:4px;color:#969dae;background:#292c35}.brush-filters button.selected{background:#3a3b44;color:#f1d0c5}.brush-list{display:flex;flex-direction:column;gap:3px}.brush-option{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;padding:8px 10px;border-radius:5px;text-align:left;color:#aab0c0;height:49px}.brush-option:hover{background:#2d303a}.brush-option.selected{background:#383039;border-color:#73534e;color:#ffbaa4}.brush-option-name{font-size:12px;white-space:nowrap}.brush-option-name>span{display:block;font-size:9px;color:#808698;margin-top:3px;line-height:1.1;letter-spacing:.15px}.brush-option.selected .brush-option-name>span{color:#ad8c88}.brush-preview{width:80px;height:30px;flex-shrink:0;max-width:50%;color:currentColor}.brush-preview.large{width:160px;height:51px;max-width:100%}.brush-properties{border-top:1px solid var(--line);padding-top:15px}.brush-sample{border:1px solid #373a46;border-radius:6px;background:#1b1e25;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;margin-bottom:20px;padding-bottom:9px}.brush-sample>span{font-size:10px;color:#7e8699}.range-field{display:block;margin:0 0 15px}.range-label{display:flex;align-items:center;justify-content:space-between;color:#a8afbf;font-size:12px;margin-bottom:11px}.number-value{display:flex;align-items:center;gap:3px;font-size:11px;color:#8c94a7}.number-value input{background:none;border:0;text-align:right;font-size:11px;color:#d1d5e1;width:39px;padding:0}.number-value>span{width:12px}input[type=range]{display:block;width:100%;height:3px;border:0;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#c5c8d0 var(--range-progress),#404451 var(--range-progress));border-radius:6px;outline-offset:7px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#e2e4eb;border:2px solid #ced1dc;box-shadow:0 0 0 2px #252832}input[type=range]::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:#e2e4eb;border:2px solid #ced1dc}.toggle-row{display:flex;align-items:center;position:relative;justify-content:space-between;font-size:12px;color:#b6bdcb;min-height:31px;gap:12px;cursor:pointer}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:27px;height:15px;border-radius:20px;background:#454958;position:relative;flex-shrink:0}.toggle-track:after{content:"";width:9px;height:9px;background:#949baa;position:absolute;left:3px;top:3px;border-radius:50%;transition:transform .15s}.toggle-row input:checked+.toggle-track{background:#b77b68}.toggle-row input:checked+.toggle-track:after{background:#ffe5db;transform:translate(12px)}.toggle-row input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:3px}.advanced-brush{margin-top:10px;border-top:1px solid var(--line);padding-top:11px}.advanced-brush summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#929aad;cursor:pointer}.advanced-brush[open] summary{margin-bottom:18px}.local-note{border-top:1px solid var(--line);font-size:10px;padding:13px 15px;color:#8c93a4;display:flex;align-items:center;gap:7px}.history-panel{overflow:auto;padding:17px 15px;flex:1}.history-item{display:flex;align-items:center;gap:10px;min-height:54px;padding:9px 0;border-bottom:1px solid #303440;font-size:12px}.history-swatch{width:20px;height:20px;border-radius:6px;flex-shrink:0;border:1px solid #5c6170}.history-item small{display:block;color:#777f94;font-size:10px;margin-top:4px}.history-index{margin-left:auto;color:#747f94;font-size:10px}.empty-history{padding:50px 0;text-align:center;color:#7c8396;font-size:12px}.workspace{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#2a2d36;position:relative}.document-tab-bar{height:43px;min-height:43px;border-bottom:1px solid #3a3d48;display:flex;align-items:center;padding-right:16px;gap:10px;background:#24262f}.document-tab{display:flex;align-items:center;gap:9px;font-size:11px;min-width:175px;max-width:65%;height:43px;border-right:1px solid #3a3d48;background:#2e313c;border-top:2px solid #e49b84;padding:0 14px;color:#d0d4df}.document-tab>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.document-tab-icon{color:#aaa9bc;display:flex}.workspace-local{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#7c8598}.unsaved-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.canvas-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#30333e;background-image:radial-gradient(#575b6b55 .65px,transparent .65px);background-size:12px 12px}.gpu-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;position:relative;z-index:1}.tool-brush .gpu-canvas,.tool-eraser .gpu-canvas{cursor:crosshair}.tool-hand .gpu-canvas{cursor:grab}.tool-hand .gpu-canvas:active{cursor:grabbing}.tool-eyedropper .gpu-canvas,.tool-line .gpu-canvas,.tool-rectangle .gpu-canvas,.tool-ellipse .gpu-canvas{cursor:crosshair}.stage-label{position:absolute;top:19px;left:20px;font-size:10px;color:#b4bacb;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:2;letter-spacing:.2px}.document-dot{width:5px;height:5px;background:#8e95aa;border-radius:1px}.stage-label-divider{height:10px;width:1px;background:#626879;margin:0 2px}.empty-canvas-hint{position:absolute;top:50%;left:0;right:0;display:flex;align-items:center;flex-direction:column;pointer-events:none;z-index:2;margin-top:-80px;color:#a3a3aa;opacity:.9}.empty-symbol{height:46px;width:46px;border:1px solid #dddcdf;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#aaa6ad}.empty-canvas-hint h2{font-size:15px;font-weight:400;letter-spacing:-.3px;margin:9px 0 0;color:#aaa6ad}.empty-canvas-hint p{font-size:11px;margin:10px 0 23px;color:#b1acb4}.empty-canvas-hint>div{font-size:9px;display:flex;gap:7px;align-items:center;color:#aca9af}.empty-canvas-hint kbd{background:#f1eeed;color:#a29da6;border-color:#dfdcde;font-size:9px}.empty-canvas-hint>div>span{margin:0 5px}.canvas-bottom-hint{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:7px;font-size:10px;color:#969eaf;pointer-events:none;z-index:2}.view-controls{position:absolute;bottom:15px;right:20px;display:flex;align-items:center;gap:1px;background:#222630eb;border:1px solid #484e5e;border-radius:7px;padding:3px;box-shadow:0 3px 12px #15172022;z-index:3}.view-controls button{width:29px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#acb6c8}.view-controls button:hover{background:#373d4c;color:#fff}.view-controls .zoom-readout{width:51px;font-size:11px;font-variant-numeric:tabular-nums;color:#ced5e1}.view-controls>span{height:15px;width:1px;background:#434a58;margin:0 3px}.brush-cursor{position:absolute;top:0;left:0;pointer-events:none;z-index:3;border:1px solid #999;border-radius:50%;box-shadow:0 0 0 1px #fff6;mix-blend-mode:difference}.peer-cursor{position:absolute;pointer-events:none;z-index:4;display:flex;flex-direction:column;gap:2px}.peer-cursor span{color:#fff;padding:3px 7px;font-size:11px;border-radius:4px;margin-left:13px;white-space:nowrap}.symmetry-guide{position:absolute;width:1px;z-index:2;border-left:1px dashed #d0918399;pointer-events:none}.canvas-error{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:380px;text-align:center;border:1px solid #7c5148;border-radius:8px;padding:30px;background:#2b2d38;color:#d9b3a6}.canvas-error h3{font-size:17px}.canvas-error p{line-height:1.6;font-size:13px}.loading-stage{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;color:#9ba7be;font-size:13px}.inspector{width:258px;min-width:258px;border-left:1px solid var(--line)}.inspector .panel-tabs{gap:23px}.inspector-scroll{overflow:auto;flex:1}.color-section{padding-top:17px;padding-bottom:19px;border-bottom:1px solid var(--line)}.color-section .section-heading{margin-bottom:13px}.color-field{height:122px;width:100%;border-radius:5px;position:relative;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;cursor:crosshair}.color-thumb{position:absolute;transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid white;box-shadow:0 1px 3px #0006;border-radius:50%;pointer-events:none}input[type=range].hue-slider{height:8px;margin-top:13px;background:linear-gradient(to right,#f44,#ff0,#2f4,#0ff,#34f,#f0f,#f44);border-radius:10px}input[type=range].hue-slider::-webkit-slider-thumb{width:6px;height:12px;border:2px solid #fff;box-shadow:0 0 2px #000;border-radius:3px;background:none}input[type=range].hue-slider::-moz-range-thumb{width:3px;height:10px;border:2px solid #fff;box-shadow:none;border-radius:3px;background:none}.color-value{display:flex;align-items:center;gap:8px;margin-top:17px;background:#2c2f39;border:1px solid #3e4250;height:30px;border-radius:4px;padding:4px 7px}.native-color{width:17px;height:17px;border-radius:3px;overflow:hidden;flex-shrink:0;border:1px solid #6c7182}.native-color input{width:100%;height:100%;opacity:0;display:block}.color-value>span{font-size:9px;color:#8f96a9;letter-spacing:.4px}.color-value input:not([type=color]){width:80px;background:none;border:0;font-size:11px;color:#d0d5e3;letter-spacing:.7px;padding:0}.color-value .color-alpha{border-left:1px solid #484d5c;padding-left:8px;margin-left:auto;font-size:10px}.palette-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa3b6;margin:18px 0 10px}.palette-heading span:last-child{font-size:9px;color:#798395}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.swatch{height:23px;min-width:0;border-radius:4px;border:1px solid #b9c5ce22;position:relative}.swatch.selected:after{content:"";position:absolute;inset:-3px;border:1px solid #b8bdcd;border-radius:6px;pointer-events:none}.layer-section{border-bottom:1px solid var(--line);padding-top:15px}.layer-section>.section-heading{padding:0 16px;margin-bottom:11px}.layer-blend-row{display:flex;align-items:center;gap:8px;padding:0 16px;margin-bottom:14px}.layer-blend-row select{font-size:11px;flex:1;height:29px;padding:4px 8px;background:#292c36}.layer-blend-row label{font-size:11px;display:flex;gap:4px;align-items:center;background:#292c36;border:1px solid #3b4050;height:29px;border-radius:4px;padding:0 7px;color:#8d96a8}.layer-blend-row input{font-size:11px;width:23px;background:none;border:0;text-align:right}.layer-list{max-height:280px;overflow:auto;min-height:52px}.layer-row{display:flex;align-items:center;gap:7px;padding:8px 11px;min-height:57px;border-top:1px solid transparent;border-bottom:1px solid transparent}.layer-row.selected{background:#363039;border-color:#5d4545}.layer-visibility{display:flex;align-items:center;justify-content:center;width:20px;height:30px;color:#9ea7ba;padding:0}.layer-select{display:flex;align-items:center;gap:10px;padding:0;flex:1;text-align:left;overflow:hidden}.layer-select>span:last-child{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6ccd8}.layer-select small{display:block;color:#858ca0;margin-top:5px;font-size:9px;line-height:1}.layer-thumbnail{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:31px;border:1px solid #5d5665;border-radius:3px;background-color:#dddce4;background-image:conic-gradient(#bbb9c4 25%,transparent 0 50%,#bbb9c4 0 75%,transparent 0);background-size:8px 8px;color:#565262}.layer-row.selected .layer-thumbnail{border-color:var(--accent)}.layer-lock{display:flex;align-items:center;justify-content:center;color:#70798c;padding:0;width:18px;height:26px;opacity:0}.layer-lock.locked,.layer-row:hover .layer-lock,.layer-lock:focus-visible{opacity:1}.hidden-layer .layer-select{opacity:.45}.paper-layer{display:flex;align-items:center;gap:10px;color:#929caf;padding:10px 15px 12px 38px;font-size:11px}.paper-thumbnail{width:37px;height:28px;border-radius:3px;border:1px solid #777987;background:#fff}.paper-layer>svg{margin-left:auto;color:#747c8f}.layer-actions{display:flex;align-items:center;padding:5px 13px;border-top:1px solid #313540;gap:8px}.layer-actions button{height:29px;width:26px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#8e9ab0}.layer-actions button:hover:not(:disabled){background:#333a49}.layer-actions>span{flex:1}.navigator-section{padding:17px 16px 16px}.navigator-section .section-heading{font-size:11px;margin-bottom:10px}.navigator-section .section-heading>span:last-child{font-size:10px;color:#969fb5}.navigator-preview{display:flex;align-items:center;justify-content:center;width:100%;height:105px;background:#191d26;border:1px solid #303849;border-radius:5px;padding:12px}.navigator-preview>span{max-width:100%;max-height:100%;height:100%;display:block;border:1px solid #868b9d}.navigator-preview img{display:block;width:100%;height:100%;object-fit:contain}.canvas-settings{overflow:auto;flex:1;padding-top:21px}.document-dimensions{display:flex;align-items:center;justify-content:center;gap:15px;background:#292d38;border:1px solid #3b4151;border-radius:5px;margin:19px 0;padding:17px 10px}.document-dimensions span{text-align:center;font-size:19px;font-variant-numeric:tabular-nums}.document-dimensions small{display:block;font-size:10px;color:#8f9aad;margin-top:7px}.document-dimensions>svg{color:#626d80}.paper-color-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px;color:#a7b2c3}.canvas-settings .toggle-row{padding:6px 0}.canvas-settings .range-field{margin-top:20px}.settings-help{font-size:10px;line-height:1.7;color:#828ea4;margin:4px 0 15px}.gpu-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#adc8b6;margin-bottom:24px}.gpu-card p{margin:4px 0 0;width:100%;font-size:10px;line-height:1.7;color:#8d9eb0;overflow-wrap:anywhere}.gpu-card>span{font-size:10px;color:#7a8d9f;line-height:1.7;width:100%}.status-bar{height:28px;min-height:28px;display:flex;align-items:center;gap:15px;border-top:1px solid #343943;background:#1c2029;padding:0 15px;font-size:10px;color:#8e99ac;z-index:15}.gpu-status{display:flex;align-items:center;gap:5px;color:#9daeaf;white-space:nowrap}.gpu-status>svg{color:#b9c5ae}.status-dot{width:4px;height:4px;border-radius:50%;background:#9fbba0;margin-left:3px}.status-divider{height:11px;width:1px;background:#39414f}.document-status{display:flex;align-items:center;gap:14px;font-size:9px;white-space:nowrap}.document-status>span{color:#707d93;font-size:9px}.status-spacer{flex:1}.save-status{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;color:#91a091}.save-status.warning{color:#ffad8f}.connection-status{display:flex;align-items:center;gap:7px;font-size:9px;padding:0;color:#a2aebe;white-space:nowrap}.app-version{font-size:8px;color:#5f6a7c;white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.dropdown-menu{position:absolute;top:45px;left:-8px;width:265px;background:#292d37;border:1px solid #474e5e;border-radius:8px;padding:7px;box-shadow:0 12px 30px #0a101a88;z-index:30}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;font-size:12px;padding:10px 9px;border-radius:4px}.dropdown-menu button:hover{background:#3a4252}.dropdown-menu button svg{color:#9daabe}.dropdown-menu kbd{margin-left:auto;font-size:9px;border:0;background:none;color:#7b8ba4}.dropdown-menu hr{margin:5px 0;border-color:#3f4756}.menu-dismiss{position:fixed;inset:0;z-index:29;cursor:default}.toast{position:fixed;z-index:100;bottom:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:13px 16px;background:#363b46;box-shadow:0 8px 35px #10162288;border:1px solid #575e6e;border-radius:8px;color:#e0e3eb;font-size:13px;max-width:min(90vw,600px);line-height:1.6}.toast button{display:flex;align-items:center;justify-content:center;color:#aaaebc;flex-shrink:0}.modal{padding:0;border:1px solid #484c59;border-radius:13px;max-width:calc(100vw - 32px);width:460px;max-height:calc(100dvh - 48px);background:#252832;color:#c9cfdd;box-shadow:0 24px 100px #060b1499;overflow:auto;position:fixed}.modal.wide{width:670px}.modal::backdrop{background:#10131b9c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{padding:25px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}.modal-header h2{margin:0;color:#f1f1f5;font-size:21px;letter-spacing:-.65px;font-weight:600}.modal-header .icon-button{margin-right:-6px}.modal-intro{font-size:13px;color:#8e9ab1;line-height:1.7;margin:4px 0 25px}.form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#aebbd0;margin-bottom:18px}.form-field>input,.form-field>select,.input-action input{background:#1d222c;border:1px solid #444e60;color:#dbe1ec;border-radius:6px;padding:10px 11px;min-height:40px;font-size:13px;width:100%}.form-field input::placeholder{color:#707f98;font-size:12px}.form-columns{display:flex;gap:12px}.form-columns>.form-field{flex:1;min-width:0}.canvas-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:3px 0 22px}.canvas-presets button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;border:1px solid #434c5d;border-radius:7px;background:#292e3b;padding:16px 5px;font-size:12px;color:#aab7cd;min-height:124px}.canvas-presets button.selected{border-color:#c38c76;background:#3a3235;color:#edc1ac}.canvas-presets small{font-size:10px;color:#7d8ba4}.preset-paper{height:32px;border:1px solid #a4afbf;background:#56627655;border-radius:2px;margin-bottom:3px}.canvas-presets button.selected .preset-paper{border-color:#e8ae8e;background:#97735b55}.inline-note{font-size:12px;line-height:1.9;color:#a2adbf;padding:12px 14px;background:#2d3340;border:1px solid #3e4758;border-radius:5px;margin:17px 0}.inline-note button{padding:0;color:#e6b29a;text-decoration:underline;font-size:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.export-option{display:flex;align-items:center;gap:14px;background:#2c323f;border:1px solid #464f61;border-radius:8px;padding:17px;width:100%;margin-bottom:12px;text-align:left}.export-option:hover:not(:disabled){background:#363e4e;border-color:#858e9d}.export-file-icon{width:44px;height:48px;background:#78685d;color:#f9dab9;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:650}.export-file-icon.project-file{background:#43516b;color:#b4c7e9}.export-option>span:nth-child(2){flex:1}.export-option strong{display:block;font-size:14px;color:#e0e6f0;font-weight:550}.export-option small{display:block;font-size:11px;color:#93a2bb;line-height:1.7;margin-top:6px}.export-option>svg{color:#9dacc2}.modal-footnote{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.85;color:#93a0b4;margin:23px 0 0}.modal-footnote svg{margin-top:3px;flex-shrink:0}.room-create{min-height:42px;margin-bottom:8px}.or-divider{display:flex;align-items:center;gap:11px;font-size:10px;color:#77889f;margin:24px 0}.or-divider span{height:1px;background:#3d4859;flex:1}.room-status{display:flex;gap:15px;align-items:center;margin:10px 0 25px;color:#a2b9a9}.room-status strong{font-size:15px;font-weight:500;display:block}.room-status small{color:#7f94aa;line-height:1.8;font-size:11px;display:block;margin-top:4px}.room-status.error{color:#e3a482}.input-action{display:flex;gap:7px}.input-action button{border:1px solid #4d586d;background:#343e50;border-radius:6px;width:40px;flex-shrink:0}.room-members{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:15px 0 20px;font-size:12px;color:#b5c2d7}.room-members>div{display:flex;align-items:center;gap:9px}.room-members small{font-size:10px;color:#798fa9;padding:4px}.member-avatar{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}.member-avatar.me{background:#957366}.inline-error{font-size:12px;line-height:1.7;background:#573932;color:#f6b59c;border-radius:5px;padding:12px}.import-summary{display:flex;align-items:center;gap:16px;padding:18px;background:#2e3848;border:1px solid #45546a;border-radius:6px;color:#afc1dc;font-size:13px;line-height:1.8}.help-cards{display:grid;grid-template-columns:1fr 1fr;gap:19px 25px;margin:20px 0 30px}.help-cards>div>svg{color:var(--accent);margin-bottom:10px}.help-cards strong{display:block;font-size:13px;font-weight:500;color:#d5dfed}.help-cards p{font-size:12px;line-height:1.9;color:#93a4bd;margin:8px 0 0}.shortcuts-title{font-size:13px;font-weight:500;color:#c0cee0;margin:0 0 18px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px}.shortcut-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#9bacc3}.shortcut-grid kbd{font-size:10px;background:#313b4c;border-color:#4a566a;color:#b1c1d7}.panel-scrim{display:none}@media(min-width:1600px){.brush-panel{width:251px;min-width:251px}.inspector{width:278px;min-width:278px}.brush-option{height:52px}.color-field{height:145px}.swatch{height:25px}.brush-preview{width:91px}.brush-option-name,.section-heading{font-size:13px}.panel-tabs>button{font-size:13px}.range-label{font-size:13px}.layer-select>span:last-child{font-size:12px}.tool-rail{width:64px;min-width:64px}.navigator-preview{height:130px}}@media(max-width:1200px){.brush-panel{width:210px;min-width:210px}.inspector{width:228px;min-width:228px}.app-header{gap:11px;padding-right:14px}.brand-label{display:none}.header-document input{width:155px}.context-bar{gap:10px}.current-brush{min-width:112px}.toolbar-value{gap:5px}.panel-section{padding-left:13px;padding-right:13px}.brush-option{padding:7px 6px}.brush-preview{width:69px}.panel-tabs{gap:18px;padding:0 13px}.inspector .panel-tabs{gap:18px}.color-value{gap:6px}.color-value input:not([type=color]){width:70px}.color-alpha{padding-left:5px!important}.canvas-bottom-hint{display:none}}@media(max-width:1020px){.brush-panel{position:absolute;top:0;bottom:0;left:60px;width:245px;z-index:18;transform:translate(calc(-100% - 65px));box-shadow:15px 0 35px #10152244;transition:transform .2s}.brush-panel.open{transform:translate(0)}.panel-tabs>.panel-close{display:inline-flex}.mobile-brushes{display:flex}.brush-preview{width:88px}.brush-option{height:51px}.brush-panel .panel-tabs{gap:22px}.panel-tabs>.icon-button{height:30px;align-self:center}.header-document input{width:155px}.quick-save{display:none}.header-document{margin-left:auto;margin-right:auto}.header-divider{margin-left:0}.context-bar{padding-left:12px}.inspector .panel-close{display:none}.panel-scrim{display:block;position:absolute;inset:0;background:#10142066;z-index:17}.brush-panel:not(.open)~.workspace{margin-left:0}.header-actions{gap:7px}.brand>span{font-size:21px}.status-bar{gap:10px}}@media(max-width:760px){.app-header{height:57px;min-height:57px;padding:0 10px;gap:9px}.brand>img{width:28px;height:28px}.brand{gap:7px}.brand>span{font-size:20px}.header-divider,.header-document{display:none}.file-menu-button>span,.file-menu-button>svg:last-child{display:none}.file-menu-button>svg:first-child{display:block}.file-menu-button{padding:8px 4px}.header-actions{margin-left:auto}.collaborate-button{padding:8px 9px;font-size:12px;min-height:34px;gap:6px}.export-button{padding:8px 10px;font-size:12px;min-height:34px}.context-bar{height:44px;min-height:44px;padding:0 8px;gap:7px}.context-bar .icon-button{width:29px;height:29px}.undo-controls{gap:0}.context-bar>.vertical-rule{margin:0 1px}.current-brush{min-width:0;gap:7px;font-size:11px}.current-brush>svg:first-child{display:none}.current-brush>span{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-brush>svg:last-child{margin-left:0}.toolbar-value{font-size:10px;gap:3px}.toolbar-value input{width:26px;font-size:11px}.opacity-control,.desktop-rule{display:none}.symmetry-button{display:none!important}.view-mode{font-size:10px;height:27px;gap:5px;padding:0 7px}.view-mode>svg{width:14px}.grid-button{display:none!important}.mobile-inspector{display:flex}.inspector{position:absolute;right:0;top:0;bottom:0;width:267px;min-width:267px;z-index:18;transform:translate(100%);transition:transform .2s;box-shadow:-15px 0 35px #10152244}.inspector.open{transform:translate(0)}.inspector .panel-close{display:inline-flex}.inspector .panel-tabs{gap:21px}.brush-panel{left:53px}.tool-rail{width:53px;min-width:53px;padding:9px 0;gap:3px}.tool-button{height:40px;width:38px}.tool-button.selected:before{left:-7px}.tool-group-start{margin-top:8px}.tool-separator{margin:5px 0 9px}.document-tab-bar{height:37px;min-height:37px;gap:5px;padding-right:10px}.document-tab{height:37px;min-width:150px;max-width:77%;padding:0 10px;font-size:10px}.document-tab-bar>.icon-button{width:27px}.workspace-local{font-size:8px;gap:4px;letter-spacing:.5px}.workspace-local svg{width:10px}.stage-label{left:12px;top:14px;gap:6px;font-size:9px}.view-controls{right:10px;bottom:13px;gap:0}.view-controls button{width:29px;height:30px}.view-controls .zoom-readout{width:43px}.status-bar{padding:0 9px;gap:9px;height:27px;min-height:27px}.document-status{display:none}.status-divider:first-of-type{display:none}.gpu-status{font-size:9px;gap:4px}.save-status{font-size:9px}.save-status+.status-divider{display:none}.connection-status{font-size:9px}.connection-status>span{display:none}.app-version>span{display:none}.empty-canvas-hint h2{font-size:13px}.empty-canvas-hint p{font-size:10px}.empty-canvas-hint>div{font-size:8px;gap:5px}.empty-canvas-hint>div>span{margin:0 1px}.empty-canvas-hint kbd{font-size:8px}.empty-symbol{width:39px;height:39px}.empty-canvas-hint{margin-top:-72px}.modal-content{padding:20px}.modal-header h2{font-size:20px}.help-cards{gap:17px}.shortcut-grid{gap:11px 15px}.shortcut-grid>div{font-size:10px}.shortcut-grid kbd{font-size:9px}.canvas-settings .toggle-row{min-height:43px}.layer-lock{opacity:1}.color-field{height:135px}.swatch{height:30px}.brush-option{height:52px}.layer-row{min-height:62px}.layer-actions button{height:36px;width:32px}.range-field{margin-bottom:22px}input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.toggle-track{width:31px;height:18px}.toggle-track:after{width:12px;height:12px}.toggle-row input:checked+.toggle-track:after{transform:translate(13px)}}@media(max-width:420px){.brand>span{font-size:19px}.brand>img{width:26px;height:26px}.brand{gap:5px}.app-header,.header-actions{gap:6px}.collaborate-button span{display:none}.collaborate-button{width:34px;padding:0}.export-button{gap:5px;font-size:11px;padding:8px 9px}.context-bar{gap:5px}.current-brush>span{max-width:67px}.view-mode span{display:none}.view-mode{width:28px;padding:0;justify-content:center}.toolbar-value>span:first-child{display:none}.empty-canvas-hint h2{font-size:12px}.empty-canvas-hint>div{display:none}.help-cards,.shortcut-grid{grid-template-columns:1fr}.modal{max-width:calc(100vw - 22px)}.canvas-presets button{font-size:11px}.export-option{padding:13px;gap:10px}.export-option small{font-size:10px}}@media(max-height:740px)and (min-width:761px){.brush-option{height:43px}.brush-option-name>span{font-size:8px}.brush-sample{min-height:62px}.color-field{height:102px}.color-section{padding-bottom:15px}.palette-heading{margin-top:14px}.navigator-preview{height:80px}.tool-rail{gap:2px;padding-top:9px}.tool-button{height:35px}.tool-group-start{margin-top:7px}.tool-separator{margin:5px 0 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:760px){.panel-tabs>button,.section-heading,.brush-option-name,.range-label,.toggle-row,.layer-select>span:last-child{font-size:13px}.brush-option-name>span,.layer-select small,.settings-help{font-size:11px}.panel-close{min-width:32px}.inspector .panel-tabs{gap:15px}.form-field{font-size:13px}.form-field>input,.form-field>select,.input-action input{font-size:16px}.layer-blend-row select{font-size:13px}.color-value input:not([type=color]){font-size:12px}.brush-panel .range-field input[type=range]{height:5px}}.studio-app{overflow:clip}@media(max-width:1020px){.brush-panel:not(.open){visibility:hidden}}@media(max-width:760px){.inspector:not(.open){visibility:hidden}}.tool-rail{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.tool-rail>div,.tool-rail>button,.tool-rail>.tool-separator{flex-shrink:0}.rail-spacer{min-height:8px}.tool-rail .tool-button{height:34px}.tool-rail .tool-group-start{margin-top:3px}.editing-shortcut{padding:8px 10px;font-size:12px}.ruler-select{display:flex;align-items:center;gap:5px;color:#a9b2c4}.ruler-select select{font-size:11px;max-width:104px;padding:4px;background:#292d38;height:28px}.brush-editor-launch{margin:12px 0 4px;min-height:32px;font-size:12px}.inspector .panel-tabs{gap:17px}.illustration-panel{flex:1;overflow-y:auto;padding:0 15px 24px}.edition-heading{padding:21px 0 17px;border-bottom:1px solid var(--line)}.edition-heading>span{display:block;font-size:9px;letter-spacing:2.5px;color:var(--accent);margin-bottom:10px}.edition-heading strong{font-size:17px;font-weight:500;letter-spacing:-.5px}.edition-heading p{color:#8f99ad;font-size:11px;line-height:1.7;margin:8px 0 0}.illustration-panel section{border-bottom:1px solid var(--line);padding:17px 0}.illustration-panel h3,.dynamics-controls h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:12px;font-weight:500;color:#d1d8e5}.illustration-panel h3 svg{color:#b9968c}.edit-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.edit-button-grid>button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;line-height:1.4;min-height:32px;padding:6px 3px;background:#303642;border:1px solid #414c5e;border-radius:4px}.edit-button-grid>button:hover:not(:disabled){background:#424b5c;color:#fff}.selection-status{font-size:10px;color:#9aacc5;background:#1c222c;padding:9px;border:1px solid #313b4c;border-radius:4px;margin:12px 0;line-height:1.6}.illustration-panel details{padding:14px 0 0}.illustration-panel summary{font-size:11px;color:#8f9cb2;cursor:pointer;margin-bottom:16px}.edit-range{display:block;margin:20px 0}.edit-range>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#b2bdd0;margin-bottom:12px}.edit-range output{color:#e3c0ad;font-variant-numeric:tabular-nums;font-size:11px}.edit-range input[type=range]{height:4px}.edit-flag{display:flex;align-items:center;gap:8px;font-size:11px;color:#b1bfd2;margin:15px 0;cursor:pointer}.edit-flag input{width:14px;height:14px;margin:0;flex-shrink:0}.edit-help{font-size:10px;color:#8698b2;line-height:1.85;margin:12px 0 0}.clipboard-actions{margin-top:9px}.edit-select{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#99acc5;margin-top:16px}.edit-select select{font-size:11px;max-width:125px}.active-layer-label{font-size:11px;margin:-5px 0 13px;color:#a5b5cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mask-status{font-size:10px;color:#a7c4bc;background:#293b38;padding:7px 10px;border-radius:4px;margin-bottom:0}.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:#a1b2ca;font-size:11px;line-height:1.7;padding:7px 10px;border-radius:4px}.subtle-button:hover{background:#394355}.transform-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.transform-fields .edit-range{margin:12px 0}.editing-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.selection-outline>rect,.selection-outline>ellipse,.selection-outline>polygon{stroke:#588fcf;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;fill:#67adf314;animation:selection-march 1s linear infinite}.selection-outline>image{filter:sepia(1) saturate(3) hue-rotate(155deg)}.vector-controls polyline{stroke:#468cde;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3;fill:none}.vector-controls circle{fill:#eef4ff;stroke:#4584cb;stroke-width:1.5;vector-effect:non-scaling-stroke}.perspective-guides{stroke:#558bc099;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:7 6;fill:none}.perspective-guides>*{vector-effect:non-scaling-stroke}.canvas-processing{position:absolute;z-index:8;top:18px;left:50%;transform:translate(-50%);border:1px solid #566784;background:#222c3eea;color:#cedaf0;border-radius:6px;padding:10px 16px;font-size:12px;white-space:nowrap}.tool-select-rect .gpu-canvas,.tool-select-ellipse .gpu-canvas,.tool-lasso .gpu-canvas,.tool-magic .gpu-canvas{cursor:crosshair}.tool-vector .gpu-canvas{cursor:default}.brush-editor-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.brush-editor-preview{background:#1a202b;border:1px solid #3c4658;border-radius:7px;display:flex;flex-direction:column;align-items:center;padding:15px 8px;margin-bottom:19px;color:#c4cce1}.brush-editor-preview>span{font-size:11px;color:#869bb7}.brush-asset-card{padding:14px;background:#2b3341;border:1px solid #424e62;border-radius:6px;margin:12px 0}.brush-asset-card>strong{display:block;font-size:12px;font-weight:500;color:#aebfd7;margin-bottom:12px}.brush-asset-card>img{width:64px;height:64px;object-fit:contain;background-color:#fff;background-image:conic-gradient(#aaa 25%,transparent 0 50%,#aaa 0 75%,transparent 0);background-size:8px 8px;display:block;margin:0 auto 13px}.brush-asset-card button{font-size:11px;padding:7px 9px;white-space:normal}.dynamics-controls{padding:6px 0}.dynamics-controls .edit-range{margin:25px 0}.saved-brushes{padding-top:15px;border-top:1px solid #455269;margin-top:15px}.saved-brushes h3{font-size:12px;font-weight:500;color:#a7b9d2;margin:0 0 12px}.saved-brushes button{font-size:11px;padding:7px 10px;background:#3a4354;border-radius:4px;margin:0 6px 6px 0}.illustration-panel.busy section{opacity:.7}.brush-editor-actions{flex-wrap:wrap}@keyframes selection-march{to{stroke-dashoffset:-18}}@media(max-width:1200px){.editing-shortcut>span{display:none}.editing-shortcut{padding:8px}.ruler-select>svg{display:none}.ruler-select select{max-width:85px}.header-document input{width:145px}.context-bar{gap:9px}.inspector .panel-tabs{gap:14px}}@media(max-width:1020px){.ruler-select{display:none}.illustration-panel{padding:0 13px 20px}}@media(max-width:760px){.editing-shortcut{min-width:32px;min-height:34px}.image-shortcut{display:none!important}.header-actions{gap:5px}.tool-rail .tool-button{height:33px}.tool-rail{gap:2px}.tool-rail .tool-separator{margin:3px 0 7px}.illustration-panel h3,.edit-range>span,.edit-flag,.edit-select,.active-layer-label{font-size:13px}.edit-button-grid>button{font-size:12px;min-height:37px}.edit-help{font-size:11px}.edit-select select{font-size:12px}.inspector .panel-tabs{gap:15px}.brush-editor-grid{grid-template-columns:1fr 1fr;gap:14px}.dynamics-controls .edit-range{margin:22px 0}.brush-editor-preview .brush-preview{max-width:100%}.transform-fields{gap:0 16px}}@media(max-width:480px){.brush-editor-grid{grid-template-columns:1fr}.brush-asset-card{display:inline-flex;vertical-align:top;flex-direction:column;width:calc(50% - 6px);margin:0 8px 15px 0;min-height:112px}.brush-asset-card:last-child{margin-right:0}.brush-editor-preview{display:none}.brush-editor-grid .form-field{margin-top:4px}.dynamics-controls h3{margin-bottom:0}.dynamics-controls .edit-range{margin:21px 0}.brush-editor-actions .secondary-button,.brush-editor-actions .primary-button{padding:8px 10px;font-size:12px}}.compat-notes{margin:14px 0;padding:14px 16px;border:1px solid var(--border, #343647);border-radius:10px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.compat-notes p{margin:6px 0 12px}.compat-notes p:last-child{margin-bottom:0}.compat-link{color:inherit;text-underline-offset:3px;font-size:13px}.edit-number{font-size:11px;width:53px;text-align:right;color:#e3c0ad;background:#1f2734;border:1px solid #455065;border-radius:4px;padding:3px 5px}.edit-range>span{min-height:22px}.hanji-start{margin:15px 13px 3px;padding:14px 13px;border:1px solid #62564b;border-radius:8px;background:linear-gradient(135deg,#37322c,#282a2e);position:relative;overflow:hidden}.hanji-eyebrow{display:block;font-size:9px;letter-spacing:2.4px;color:#c6b499;margin-bottom:8px}.hanji-start strong{font-size:14px;font-weight:500;color:#efe6d6;letter-spacing:-.4px}.hanji-start p{font-size:10px;line-height:1.75;color:#aaa59c;margin:7px 0 12px}.hanji-start-button{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;background:#d7c4a2;border:1px solid #e4d2b4;border-radius:5px;min-height:32px;padding:7px 10px;color:#342d23;font-weight:600;font-size:12px}.hanji-start-button:hover{background:#ebdabc}.brush-filters{gap:4px}.brush-filters>button{padding-left:9px;padding-right:9px;white-space:nowrap}.wet-section{padding-top:21px;padding-bottom:16px}.wet-brush-controls .section-heading{margin-bottom:13px}.wet-brush-controls .section-heading>span{display:flex;align-items:center;gap:7px;color:#d7c6a9}.wet-brush-controls .section-heading svg{color:#b7c6c8}.wet-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:20px}.wet-presets button{border:1px solid #4b4c4c;background:#2d3034;color:#bdbab0;min-height:32px;padding:5px 2px;border-radius:4px;font-size:11px}.wet-presets button:hover{background:#41433f}.wet-presets button.selected{background:#4b453a;border-color:#b19d7d;color:#f4e4c9}.wet-range{display:block;margin:17px 0 19px}.wet-range>span,.wet-range>small{display:flex;justify-content:space-between;align-items:center;gap:8px}.wet-range>span{font-size:12px;color:#c4c5cc;margin-bottom:12px}.wet-range output{font-size:11px;color:#dec9a5;font-variant-numeric:tabular-nums}.wet-range>small{font-size:9px;line-height:1.5;margin-top:8px;color:#929596}.wet-range input[type=range]{height:4px}.wet-help{color:#a3a39d;font-size:10px;line-height:1.9;margin:4px 0 16px}.wet-preview{width:100%;border:1px solid #625e52;border-radius:6px;overflow:hidden;background:#f6f2e7;color:#676257}.wet-preview-canvas{width:100%;aspect-ratio:432/192;overflow:hidden}.wet-preview-canvas canvas{display:block;width:100%;height:100%;pointer-events:none}.wet-preview>span{display:block;border-top:1px solid #d5cebe;font-size:9px;line-height:1.5;text-align:center;padding:6px;background:#ece6d9}.wet-section>.subtle-button{font-size:10px;margin-top:8px;color:#c7b99c}.hanji-paper-action{font-size:11px;margin-top:12px;min-height:32px;white-space:normal}.paper-type-label{display:flex;flex-direction:column;gap:10px;color:#bfc3cc;font-size:12px;margin:20px 0}.paper-type-label select{width:100%;font-size:12px}.hanji-paper-settings{padding:0 0 5px}.hanji-paper-settings .settings-help{margin:7px 0 20px;line-height:1.8}.hanji-paper-settings .range-field{margin-bottom:19px}.new-paper-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 20px}.new-paper-options>button{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #484e59;border-radius:6px;background:#2a303a;padding:12px 10px;min-width:0}.new-paper-options>button.selected{border-color:#c2ae8b;background:#3b3a34}.new-paper-options strong{display:block;font-size:12px;font-weight:500;color:#e7decd}.new-paper-options small{display:block;margin-top:6px;font-size:10px;line-height:1.65;color:#a8a99f}.paper-chip{width:29px;height:37px;display:block;flex-shrink:0;border-radius:2px;background:#faf9f6;box-shadow:0 1px 3px #15151b44}.paper-chip.hanji{background-color:#eee5d2;background-image:repeating-linear-gradient(26deg,#a1936819 0px,#a1936819 1px,transparent 1px,transparent 7px),repeating-linear-gradient(107deg,transparent 0px,transparent 4px,#fbf8ecb3 4px,#fbf8ecb3 5px)}.brush-editor-preview.wet{padding:0;border:0;display:block;background:transparent}.dynamics-controls>.wet-brush-controls{border-bottom:1px solid #454b53;margin-bottom:22px;padding-bottom:3px}.dynamics-controls>.wet-brush-controls .section-heading{font-size:13px}.dynamics-controls .wet-presets{margin-bottom:20px}.dynamics-controls .wet-range{margin:20px 0}.canvas-settings{overflow-y:auto}@media(max-width:1200px){.brush-filters{gap:2px}.brush-filters>button{padding-left:7px;padding-right:7px;font-size:10px}.hanji-start{margin-left:10px;margin-right:10px;padding:13px 11px}.hanji-start strong{font-size:13px}}@media(max-width:760px){.wet-presets button{font-size:12px;min-height:36px}.wet-range>span{font-size:13px}.wet-range>small{font-size:10px}.wet-help{font-size:11px}.wet-range input[type=range]{height:5px}.hanji-start strong{font-size:14px}.hanji-start p{font-size:11px}.hanji-start-button{min-height:36px}.new-paper-options>button{padding:11px 9px;gap:8px}.new-paper-options small{font-size:10px}.paper-type-label,.paper-type-label select{font-size:13px}.brush-editor-preview.wet{display:block}.brush-editor-preview.wet .wet-preview-canvas{max-height:150px}}.brush-editor-grid>div,.wet-preview,.wet-preview-canvas{min-width:0}.brush-panel-scroll{min-height:0;overscroll-behavior:contain}.new-paper-options>button>span:last-child{min-width:0}:root{--production-accent: #bcb1f5}.file-drop-overlay{position:fixed;inset:16px;z-index:110;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:2px dashed #e8b498;border-radius:16px;background:#202630e8;color:#f1d1bf;box-shadow:0 0 0 16px #15192299}.file-drop-overlay strong{font-size:clamp(18px,3vw,28px);text-align:center}.file-drop-overlay span{font-size:13px;color:#b7c2d4}.import-actions{flex-wrap:wrap}.import-summary span,.modal-intro,.inline-note{overflow-wrap:anywhere}.production-tabs{display:flex;gap:8px;padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid #455064;flex-wrap:wrap}.production-tabs button,.production-kinds button{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:6px;background:#303746;color:#b9c4d6}.production-tabs .selected,.production-kinds .selected{background:#554876;color:#fff}.modal:has(.production-tabs){width:min(1100px,calc(100vw - 32px));max-width:1100px}.production-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr);gap:28px;align-items:start}.production-grid h3{margin:18px 0 14px;font-size:14px;color:#ece8f6}.production-controls{min-width:0}.production-controls>.primary-button,.production-controls>.secondary-button{margin:8px 0}.production-controls textarea{width:100%;min-height:80px;resize:vertical;background:#202630;color:#edf0f6;border:1px solid #4d596d;border-radius:5px;padding:10px;font:inherit}.production-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.production-fields .form-field{margin:0}.production-number{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#aebbd0;min-width:0}.production-number input{min-width:0;width:100%;height:34px;padding:6px 10px;border-radius:5px;background:#202630;border:1px solid #4d596d;color:#eff1f8}.production-check{display:flex;align-items:center;gap:7px;font-size:12px}.production-check input{width:15px;height:15px}.production-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.production-kinds button{justify-content:center;font-size:12px;padding:9px 5px}.production-preview{position:sticky;top:0;min-width:0;background:#242b37;border:1px solid #455166;border-radius:8px;padding:14px}.production-preview canvas{display:block;width:100%;max-height:580px;object-fit:contain;background-color:#fff;background-image:conic-gradient(#e9e9ed 25%,transparent 0 50%,#e9e9ed 0 75%,transparent 0);background-size:16px 16px;touch-action:none}.production-preview p{font-size:12px;line-height:1.7;color:#a4b1c6}.production-grid .edit-help{font-size:12px}.production-error{color:#ffb3b3!important;font-size:12px;padding:10px;background:#522e37;border-radius:5px;line-height:1.6}.production-message{padding:10px 13px;background:#32453f;border:1px solid #597363;border-radius:5px;font-size:12px;color:#d8ecdd}.production-actions{display:flex;flex-wrap:wrap;gap:7px}.production-actions button{padding:7px 11px;border:1px solid #4c586e;background:#303a4b;border-radius:5px;font-size:12px}.production-controls details{margin:16px 0;border-top:1px solid #455064;padding-top:15px}.production-controls summary{cursor:pointer;font-size:13px;color:#c9c1e8;margin-bottom:15px}.page-list{max-height:400px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.page-row{display:flex;gap:2px;align-items:center;background:#252d3a;border:1px solid #3d485a;border-radius:7px;padding:7px}.page-row.selected{border-color:#b4a1e0;background:#3d3651}.page-row>button{padding:5px;flex-shrink:0}.page-select{display:flex;gap:12px;text-align:left;align-items:center;flex:1;min-width:0}.page-select>span{color:#bcb1f5;font-size:20px;font-variant-numeric:tabular-nums}.page-select strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-select small{display:block;font-size:10px;color:#96a7bf;margin-top:5px}.page-spread{display:flex;align-items:flex-start;gap:4px;padding:14px 0}.page-spread figure{margin:0;flex:1;min-width:0;text-align:center}.page-spread img{width:100%;background:#fff}.page-spread figcaption{color:#9baac0;font-size:11px;padding:6px}.page-switcher{max-width:200px;margin-left:10px;font-size:11px}.material-list{display:flex;flex-direction:column;gap:12px;max-height:580px;overflow:auto}.material-card{display:flex;gap:14px;background:#252d3a;border:1px solid #3e495c;padding:12px;border-radius:6px;overflow-wrap:anywhere}.material-card>img,.material-symbol{width:64px;height:64px;flex-shrink:0;object-fit:contain;background:#f1eeee;border-radius:5px}.material-symbol{display:grid;place-items:center;font-size:22px;color:#67527f}.material-card strong{font-size:13px}.material-card small{display:block;color:#c4b6dd;font-size:11px;margin:5px 0}.material-card p,.credit-list{font-size:11px;line-height:1.7;color:#98abc3}.production-loading{position:fixed;z-index:100;inset:40% 30%;display:grid;place-items:center;background:#232934;border:1px solid #726584;border-radius:8px}@media(max-width:760px){.production-launch span{display:none}.production-launch{padding:8px!important;min-width:32px}.production-grid{grid-template-columns:1fr;gap:18px}.production-preview{position:static}.production-preview canvas{max-height:340px}.modal:has(.production-tabs){width:calc(100vw - 12px)}.production-tabs{gap:5px}.production-tabs button{padding:9px;font-size:12px}.page-switcher{max-width:120px}.production-number input{font-size:16px}.page-row{gap:0}.page-row>button{padding:5px 3px}}.scene-preview-host.with-underlay canvas{background:none}.canvas-stage-host{display:flex;flex:1;min-width:0;min-height:0;position:relative}.canvas-stage-host>.canvas-stage{width:100%}.canvas-stage{container-type:inline-size;min-width:0}.canvas-stage.is-panning .gpu-canvas{cursor:grabbing}.view-controls .view-text-button{width:auto;padding:0 7px;gap:5px;font-size:11px;white-space:nowrap}.view-controls button[aria-pressed=true]{background:#53433f;color:#ffd3be}.canvas-bottom-hint{display:flex;bottom:61px;max-width:calc(100% - 40px);line-height:1.6}.touch-navigation-hint{display:none}@media(pointer:coarse){.mouse-navigation-hint{display:none}.touch-navigation-hint{display:inline}}@container (max-width:420px){.canvas-bottom-hint{left:12px;font-size:9px;max-width:calc(100% - 24px)}.view-controls{right:10px}.view-controls .view-text-button{padding:0 5px}}@container (max-width:360px){.view-controls{gap:0;padding:2px}.view-controls button{width:25px}.view-controls .zoom-readout{width:40px}.view-controls .view-text-button{width:auto;padding:0 4px}}.modal progress{width:100%;margin-top:20px;accent-color:#f5aa8f}@media(max-width:760px){.inspector:not(.open){display:none}}.history-replay-launch{margin:0 0 12px;justify-content:center}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:2px;margin:10px 0}.history-pagination .icon-button{width:26px;height:30px;flex-shrink:0}.history-pagination label{display:flex;align-items:center;font-size:11px;white-space:nowrap;gap:3px}.history-pagination input{width:50px;min-width:0;padding:5px 3px;text-align:center;border:1px solid #454954;border-radius:4px;background:#21252d;color:#e5e7ec}.history-range{margin:0 0 8px}.history-record{width:100%;text-align:left;cursor:pointer;border-radius:4px}.history-record:hover,.history-record:focus-visible{background:#353a46}.history-record .history-index{margin-left:0;min-width:30px;font-variant-numeric:tabular-nums}.history-record>span:last-child{min-width:0;overflow-wrap:anywhere}.modal:has(.stroke-replay){width:min(1000px,calc(100vw - 24px));max-width:1000px}.stroke-replay-canvas{height:min(52vh,540px);min-height:150px;width:100%;overflow:hidden;border-radius:6px;background:#181b22}.stroke-replay-canvas canvas{display:block;width:100%;height:100%}.stroke-replay-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:14px 0}.stroke-replay-duration{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}.stroke-replay-duration select{padding:6px;border:1px solid #454954;background:#21252d;color:#e5e7ec;border-radius:4px}.stroke-replay-range{width:100%;margin:8px 0}.stroke-replay-position{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums}.stroke-replay-position input{width:80px;padding:6px;border:1px solid #454954;background:#21252d;color:#e5e7ec;border-radius:4px}.stroke-replay>.small{line-height:1.65;margin:14px 0 0}@media(max-width:560px){.stroke-replay-controls{gap:3px}.stroke-replay-duration{margin-left:8px}.stroke-replay-position{font-size:11px}.stroke-replay .modal-intro{font-size:12px}}.storage-warning{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;background:#4b2f26;color:#ffe1cc;font-size:12px;flex-shrink:0}.storage-warning span{flex:1;min-width:180px}.storage-warning button{border:1px solid #bd8467;border-radius:5px;padding:6px 9px}.recovery-entry{padding:14px 0;border-bottom:1px solid #3c414c}.recovery-entry p{font-size:12px;color:#aeb5c5}.recovery-entry .modal-actions{margin-top:10px}.service-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.6}.service-links a,.service-info a{color:#e0b09e;text-underline-offset:4px;overflow-wrap:anywhere}.service-links a:hover,.service-info a:hover{color:#ffd1bf}.status-service-links{flex-wrap:nowrap;flex-shrink:0;gap:12px;margin-right:18px;font-size:10px}.service-info-button{display:none;flex-shrink:0;padding:4px 6px;margin-right:8px;border-radius:4px;color:#e0b09e;font-size:10px}.service-info-button:hover{background:var(--raised)}.service-policy-card{padding:16px 18px;border:1px solid #614b43;border-radius:8px;background:#302826}.service-policy-card .service-links{font-size:14px;gap:12px 24px}.service-policy-card p{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:12px;color:#b8acaa}.service-info section{margin-top:24px}.service-info h3{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text);line-height:1.6}.service-info h3 svg{flex-shrink:0;color:var(--accent)}.service-info section p{margin:9px 0;font-size:13px;line-height:1.85;color:#b7bac8;word-break:keep-all;overflow-wrap:anywhere}.collaboration-notice{margin:0 0 22px;padding:15px 17px;border:1px solid #55483f;border-radius:8px;background:#2c2826}.collaboration-notice>strong{font-size:13px;color:#f1c4b1}.collaboration-notice p{font-size:12px;line-height:1.8;color:#c1b8b4;margin:8px 0;word-break:keep-all;overflow-wrap:anywhere}.collaboration-notice .service-links{margin-top:12px}.help-service-info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}@media(max-width:760px){.status-service-links{display:none}.service-info-button{display:inline-flex}.service-policy-card{padding:14px}.service-info section p{font-size:12px}.help-service-info{align-items:flex-start;flex-direction:column}}.shortcut-settings{display:flex;flex-direction:column;gap:12px}.shortcut-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcut-presets>button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 13px;border:1px solid #414550;border-radius:8px;background:#292c35;font-weight:600;font-size:13px;color:#d3d5e0;text-align:left}.shortcut-presets>button span{font-weight:400;font-size:11px;color:#8d97aa}.shortcut-presets>button.active{border-color:#f5aa8f;background:#3a302f;color:#ffd9ca}.shortcut-toolbar{display:flex;align-items:center;gap:10px;font-size:11px;color:#8d97aa}.shortcut-toolbar input{flex:1;min-width:0;padding:7px 10px;border-radius:6px;border:1px solid #414550;background:#1f222a;color:#d3d5e0}.shortcut-toolbar .subtle-button{margin:0}.shortcut-settings .inline-note{margin:0;font-size:11px;line-height:1.7}.shortcut-conflict{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border-radius:6px;background:#3d3226;border:1px solid #6b5333;font-size:12px;color:#f0d6b0}.shortcut-conflict>span{flex:1;min-width:200px}.shortcut-conflict button{padding:6px 11px;font-size:12px;margin:0}.shortcut-list{max-height:min(52vh,460px);overflow:auto;padding-right:4px}.shortcut-list h3{font-size:11px;letter-spacing:.04em;color:#8d97aa;margin:14px 0 4px}.shortcut-list section:first-child h3{margin-top:0}.shortcut-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:3px 6px;border-radius:5px;font-size:12px}.shortcut-row:hover{background:#2b2f39}.shortcut-row.changed .shortcut-name:after{content:"수정됨";margin-left:6px;font-size:9px;color:#f5aa8f}.shortcut-name{width:130px;flex:none}.shortcut-keys{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.shortcut-chip{display:inline-flex;align-items:center;gap:2px;padding:1px 2px 1px 4px;border:1px solid #454954;border-radius:5px;background:#30333d;color:#e2b26f}.shortcut-chip kbd{border:0;background:none;padding:1px 2px;font-size:11px;color:#c9cfdd}.shortcut-chip button{display:inline-flex;padding:2px;border-radius:3px;color:#8d97aa}.shortcut-chip button:hover{background:#454954;color:#fff}.shortcut-record{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:1px dashed #4a5060;border-radius:5px;font-size:11px;color:#8d97aa}.shortcut-record.recording{border-style:solid;border-color:#f5aa8f;color:#ffd9ca;background:#3a302f}.shortcut-reset:disabled{opacity:.25}.shortcuts-title>span{margin-left:6px;font-size:11px;font-weight:400;color:#8d97aa}@media(max-width:560px){.shortcut-presets{grid-template-columns:1fr}.shortcut-name{width:96px}.shortcut-toolbar{flex-wrap:wrap}}.shortcut-file{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:#9fd0a8}.shortcut-file>button{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:6px;font-size:12px}.shortcut-file>span{flex:1;min-width:180px}.shortcut-file>span.error{color:#f2a19a}