:root{color-scheme:dark;--bg:#17191c;--panel:#202226;--panel-alt:#24262b;--line:#32353a;--muted:#90949c;--text:#e5e6e8;--accent:#8daee2;--accent-ink:#111c30;--radius:7px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{color:var(--text);background:#191b1f;border:1px solid var(--line);border-radius:5px}input[type=number]{width:60px;padding:5px 6px;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:0}input:hover::-webkit-inner-spin-button{opacity:1}input[type=checkbox]{accent-color:var(--accent);width:12px;height:12px;margin:0}input[type=range]{accent-color:var(--accent);height:3px;cursor:pointer}select{padding:6px 8px}textarea{width:100%;padding:9px;resize:vertical;line-height:1.5}svg{width:18px;height:18px;display:block;flex-shrink:0}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}button:hover{background:#ffffff09}button:active{background:#ffffff12}[hidden]{display:none!important}.app-header{height:62px;display:flex;align-items:center;padding:0 20px;gap:36px;border-bottom:1px solid var(--line);background:#202226}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#f2f2ed;font-size:22px;font-weight:650;letter-spacing:-1px}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:32px;font-size:35px;font-weight:800;line-height:1;color:var(--accent)}.brand-mark>span{position:absolute;font-size:20px;right:-1px;top:-4px;color:#e0e9f8}.brand-dot{color:var(--accent)}.studio-label{font-size:8px;letter-spacing:1.8px;color:var(--muted);font-weight:500;border-left:1px solid #484b50;padding-left:12px;margin-left:5px}.menus{display:flex;align-items:center;gap:4px}.menu-trigger{padding:8px 10px;border-radius:5px;color:#bfc2c7}.menu-wrap{position:relative}.menu-panel{position:absolute;top:35px;left:0;min-width:270px;padding:6px;border:1px solid #41444b;background:#272a30;border-radius:8px;z-index:20;box-shadow:0 12px 40px #0006}.menu-panel button{width:100%;text-align:left;padding:10px;display:flex;justify-content:space-between;gap:25px;border-radius:4px}.menu-panel kbd{font-family:inherit;font-size:10px;color:#8c929d}.menu-panel hr{border:0;border-top:1px solid #3b3e45;margin:5px}.header-right{display:flex;gap:24px;align-items:center;margin-left:auto}.privacy-badge{font-size:11px;color:#aeb4aa;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:100%;display:inline-block;flex-shrink:0}.button{height:35px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;font-weight:600;background:var(--accent);color:var(--accent-ink)}.button:hover{background:#a4bee7}.export-button{min-width:122px;font-size:12px}.export-button svg{width:15px}.export-chevron{margin-left:8px}.button.secondary{background:#30343a;color:#d1d4d9;border:1px solid #454a52}.button.secondary:hover{background:#3a3f47}.button.small{height:27px;padding:0 10px;font-size:11px}.text-button{font-size:10px;color:#b4c3dd;border-radius:4px;padding:4px}.icon-button{width:29px;height:29px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#a2a6ad;flex-shrink:0}.icon-button svg{width:15px;height:15px}.icon-button:hover{color:#eef0eb;background:#ffffff0c}.tool-options{height:45px;background:#23252a;display:flex;align-items:center;padding:0 17px;gap:14px;border-bottom:1px solid #303339;font-size:11px;overflow-x:auto;white-space:nowrap}.current-tool{display:flex;gap:10px;align-items:center;min-width:83px}.current-tool strong{font-weight:500}.current-tool svg{width:16px}.divider{width:1px;height:18px;background:var(--line);display:inline-block;flex-shrink:0}.option-group{display:flex;gap:21px;align-items:center;color:#aeb2ba}.option-group label{display:flex;align-items:center;gap:8px}.option-group input[type=range]{width:85px}.option-group output{min-width:38px;color:#d0d3d8;font-variant-numeric:tabular-nums}.option-group input[type=number]{height:26px;width:56px}.option-group select{padding:4px 8px}.check-label{font-size:10px}.options-spacer{flex:1}.tiny-button{height:25px;min-width:26px;border:1px solid var(--line);border-radius:4px}.tiny-button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.workspace{display:flex;height:calc(100dvh - 107px);min-height:0}.toolbar{width:57px;flex-shrink:0;background:#202226;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:13px 0 9px;z-index:3}.tool-button{height:37px;width:37px;display:flex;align-items:center;justify-content:center;border-radius:7px;margin-bottom:5px;position:relative;color:#a7abb3}.tool-button.active{background:#8daee21c;color:var(--accent)}.tool-button.active:before{content:"";position:absolute;width:2px;height:15px;left:-10px;background:var(--accent);border-radius:2px}.tool-button:hover{color:#e4e8de;background:#ffffff0b}.toolbar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px}.toolbar-separator{width:24px;height:1px;background:var(--line);margin:5px 0}.tool-separator{height:1px;background:var(--line);width:24px;margin:11px auto}.color-stack{width:34px;height:38px;position:relative;margin-top:5px}.back-color{width:24px;height:24px;border-radius:5px;background:#e9e9df;border:2px solid #202226;position:absolute;right:0;bottom:0}input[type=color]{width:27px;height:27px;border:2px solid #202226;border-radius:6px;padding:0;background:none;cursor:pointer;position:absolute;top:0;left:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.document-area{flex:1;min-width:0;display:flex;flex-direction:column}.document-tabs{height:39px;display:flex;align-items:stretch;background:#1c1e22;border-bottom:1px solid #303339;flex-shrink:0}.document-tab{display:flex;align-items:center;gap:9px;background:#26282d;border-right:1px solid var(--line);padding:0 17px;border-top:2px solid var(--accent);font-size:11px;max-width:370px}.document-tab svg{width:13px;color:#999fa8}.tab-format{font-size:7px;color:#8e949b;letter-spacing:1px;margin-left:14px}.document-local{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:9px;color:#737a83;padding-right:16px}.document-local svg{width:12px}.tab-new{width:38px;font-size:20px;color:#777f88}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#17191c;background-image:radial-gradient(#ffffff06 .7px,transparent .7px);background-size:10px 10px;outline:none!important;touch-action:none}.canvas-shell{position:absolute;transform-origin:0 0;box-shadow:0 10px 60px #0006;background-color:#f5f5f5;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;will-change:transform}#display{display:block}#overlay{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ruler{position:absolute;background:#1d1f23;color:#717780;z-index:2;font-size:8px;overflow:hidden;pointer-events:none;font-variant-numeric:tabular-nums}.ruler-top{height:21px;left:21px;right:0;top:0;border-bottom:1px solid #2d3035}.ruler-left{width:21px;top:21px;bottom:0;left:0;border-right:1px solid #2d3035}.ruler-top span{position:absolute;top:4px;border-left:1px solid #50545b;height:17px;padding-left:4px}.ruler-left span{position:absolute;left:3px;border-top:1px solid #50545b;width:17px;padding-top:4px;writing-mode:vertical-rl}.ruler-corner{width:21px;height:21px;background:#26292e;position:absolute;top:0;left:0;z-index:3;border-right:1px solid #33373e;border-bottom:1px solid #33373e}.canvas-note{position:absolute;bottom:22px;left:38px;color:#737c7f;font-size:10px;display:flex;align-items:center;gap:8px;pointer-events:none}.canvas-note .status-dot{background:#8daee2;width:4px;height:4px}.zoom-controls{position:absolute;bottom:15px;right:19px;display:flex;align-items:center;background:#25282df5;border:1px solid #363a42;border-radius:7px;box-shadow:0 3px 12px #0002;padding:3px;gap:2px}.zoom-controls .icon-button{width:27px;height:25px}.zoom-label{font-size:10px;min-width:43px;height:25px;color:#d5d9df;font-variant-numeric:tabular-nums}.status-bar{height:29px;display:flex;align-items:center;gap:12px;background:#202226;border-top:1px solid var(--line);padding:0 14px;color:#8c939d;font-size:9px;flex-shrink:0;white-space:nowrap}.status-separator{color:#4b5159}.status-spacer{flex:1}#selection-info{color:var(--accent)}#pointer-position{min-width:87px;font-variant-numeric:tabular-nums}.inspector{width:273px;flex-shrink:0;background:#212327;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-heading{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-heading h2{font-size:11px;letter-spacing:.1px;font-weight:600;margin:0}.panel-heading>span{font-size:8px;letter-spacing:1px;color:#747c87}.panel-heading h2 span{font-size:9px;color:#7b828c;margin-left:8px;font-weight:400}.properties-panel{flex-shrink:0}.properties-body{padding:9px 16px 15px}.selected-layer-heading{display:flex;align-items:center;gap:8px;height:33px;color:#9ea6b1;font-size:10px}.selected-layer-heading>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-layer-heading svg{width:13px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;margin:6px 0 8px}.property-grid label{display:flex;align-items:center;background:#1b1d21;border:1px solid #35383e;border-radius:5px;overflow:hidden;height:28px}.property-grid label span{font-size:9px;color:#7d858f;padding-left:9px;width:30px}.property-grid input{border:0;width:100%;min-width:0;background:none;padding:5px 2px;font-size:10px}.transform-row{display:flex;gap:6px;align-items:center}.angle-field{display:flex;align-items:center;border:1px solid #35383e;border-radius:5px;background:#1b1d21;height:27px;flex:1;min-width:0;gap:5px;padding:0 7px;color:#7d858f}.angle-field svg{width:12px}.angle-field input{width:40px;background:none;border:0;font-size:10px;padding:2px}.transform-row .icon-button{width:29px;height:27px;border:1px solid #35383e}.adjustment-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 10px;padding-top:12px;border-top:1px solid var(--line)}.adjustment-heading>span,.field-label{font-size:8px;color:#838b96;letter-spacing:1.1px}.adjustment-heading button{font-size:9px;color:#7f8996}.adjustment-label{display:flex;justify-content:space-between;color:#a5acb6;font-size:10px;margin-top:12px}.adjustment-label output{font-size:9px;color:#7f8894;font-variant-numeric:tabular-nums}.adjustment-range{width:100%;margin:10px 0 1px;height:2px!important}.field-label{display:block;margin:13px 0 6px}#text-content{font-size:11px;max-height:110px}.layers-panel{display:flex;flex-direction:column;flex:1;min-height:145px;border-top:1px solid var(--line)}.layer-controls{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid #2d3036}.layer-controls select{font-size:10px;min-width:0;flex:1;padding:5px}.layer-controls label{display:flex;align-items:center;gap:3px;color:#8e97a2;font-size:9px}.layer-controls input{width:33px;font-size:10px;border:0;background:none;padding:4px 1px;text-align:right}.layers-list{overflow:auto;flex:1;padding:6px}.layer-row{display:flex;align-items:center;gap:8px;min-height:49px;padding:6px;border:1px solid transparent;border-radius:5px;margin-bottom:2px;cursor:pointer}.layer-row:hover{background:#ffffff05}.layer-row.selected{background:#8daee210;border-color:#8daee235}.layer-row.drag-over{border-top:2px solid var(--accent)}.layer-row.is-hidden .layer-thumb,.layer-row.is-hidden .layer-detail{opacity:.35}.layer-row .icon-button{width:21px;height:26px;flex-shrink:0}.layer-row .icon-button svg{width:13px}.layer-thumb{width:36px;height:34px;object-fit:contain;background-color:#32353a;background-image:conic-gradient(#3a3d43 25%,transparent 0 50%,#3a3d43 0 75%,transparent 0);background-size:10px 10px;border-radius:3px;border:1px solid #4a4e55;flex-shrink:0}.layer-detail{min-width:0;flex:1}.layer-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6cbd1}.layer-meta{font-size:8px;color:#747e8a;margin-top:4px}.layer-row.selected .layer-name{color:#e0e9f8}.layer-lock{color:#69727c}.layer-lock.is-locked{color:var(--accent)}.layers-footer{display:flex;align-items:center;padding:7px 9px;border-top:1px solid var(--line);flex-shrink:0}.layers-footer .icon-button{width:27px}.inspector-foot{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding:5px 12px;font-size:8px;color:#7f8c7a;min-height:30px}.inspector-foot .status-dot{width:4px;height:4px}.inspector-foot .icon-button{margin-left:auto;width:21px;height:20px}.inspector-foot svg{width:12px}#drop-overlay{position:absolute;inset:30px;z-index:10;border:2px dashed var(--accent);border-radius:12px;background:#202c40ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--accent);pointer-events:none}#drop-overlay svg{width:48px;height:48px}#drop-overlay strong{font-size:23px}#drop-overlay>span:last-child{font-size:12px;color:#a4af9b}dialog{padding:27px;width:460px;max-width:calc(100vw - 30px);max-height:90dvh;border:1px solid #41464d;border-radius:13px;background:#25282d;color:var(--text);box-shadow:0 24px 100px #0009}dialog::backdrop{background:#0c0e12bb;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--accent)}h1{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:10px 0 0}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:25px;border-top:1px solid #393e45;padding-top:18px}#modal-body p{color:#a8b0bb;font-size:12px;line-height:1.8}#modal-body label.modal-label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#aab2be;margin-bottom:16px}#modal-body input:not([type=color]):not([type=checkbox]):not([type=range]),#modal-body select{width:100%;height:37px;padding:8px 10px;font-size:12px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.presets{display:flex;gap:7px;margin-bottom:20px}.preset{border:1px solid #41474e;padding:9px 12px;border-radius:5px;font-size:10px;color:#adb6c2}.preset:hover{border-color:var(--accent);color:var(--accent)}.modal-info{display:flex;align-items:center;gap:8px;padding:12px;background:#8daee20a;border:1px solid #8daee220;border-radius:6px;font-size:10px;color:#adbba1;line-height:1.6}.modal-info svg{width:16px}.export-preview{display:block;max-width:100%;max-height:170px;margin:0 auto 20px;object-fit:contain;background:repeating-conic-gradient(#333 0% 25%,#444 0% 50%) 50%/12px 12px;border:1px solid #444;border-radius:5px}.shortcuts-table{width:100%;border-collapse:collapse;font-size:11px}.shortcuts-table td{padding:8px 0;border-bottom:1px solid #363c43;color:#b3bdc9}.shortcuts-table td:last-child{text-align:right;color:var(--accent);font-size:10px}#modal-error{background:#b44a3820;color:#efb3a7;padding:10px;border-radius:5px;font-size:11px;margin-top:12px;line-height:1.6}.toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);background:#252f40;border:1px solid #4a6082;color:#d8e2f2;padding:12px 19px;border-radius:8px;box-shadow:0 8px 35px #0006;z-index:100;font-size:12px;max-width:calc(100vw - 40px)}.no-script{position:fixed;inset:0;background:#202226;display:grid;place-items:center;font-size:20px;padding:40px;z-index:100}.busy{cursor:progress!important}*{scrollbar-width:thin;scrollbar-color:#464b54 transparent}
@media(min-height:1000px){.properties-body{padding-top:15px;padding-bottom:22px}.adjustment-label{margin-top:17px}.layer-row{min-height:57px}.layer-thumb{height:40px;width:42px}}
@media(max-height:800px){.properties-body{padding-top:4px;padding-bottom:10px}.adjustment-heading{margin-top:9px;padding-top:7px;margin-bottom:2px}.adjustment-label{margin-top:8px}.panel-heading{height:37px}.selected-layer-heading{height:27px}.adjustment-range{margin-top:7px}.toolbar{padding-top:7px}.tool-button{height:32px;margin-bottom:3px}.tool-separator{margin:7px auto}.layer-row{min-height:44px}.layer-thumb{height:30px;width:32px}}
@media(max-width:1100px){.app-header{gap:18px;padding:0 14px}.studio-label{display:none}.header-right{gap:12px}.inspector{width:245px}.option-group{gap:12px}.tab-format{display:none}.canvas-note{font-size:9px;max-width:220px;line-height:1.5}.document-local{display:none}}
@media(max-width:760px){.brand{font-size:18px}.privacy-badge{display:none}.app-header{gap:10px}.menus{gap:0}.menu-trigger{padding:8px}.header-right{gap:0}.export-button{min-width:80px;padding:0 10px}.export-chevron{display:none}.inspector{width:215px}.properties-body{padding-left:11px;padding-right:11px}.panel-heading{padding:0 11px}.toolbar{width:47px}.tool-button.active:before{left:-5px}.tool-options{gap:9px;padding-left:10px}.current-tool{min-width:72px}.canvas-note{display:none}.tab-format{display:none}.status-bar{gap:7px;font-size:8px}.status-bar>span:nth-child(3){display:none}.document-tab{padding:0 10px;max-width:220px}.layer-controls{padding:7px}.layer-controls label{font-size:8px}.layer-row{gap:4px;padding:4px}.layer-thumb{width:27px}.layer-row .icon-button{width:18px}}
@media(max-width:550px){.inspector{width:173px}.properties-panel{max-height:43vh;overflow:auto}.app-header{height:53px;padding:0 8px}.brand-mark{display:none}.brand{font-size:17px}.menus .menu-trigger{font-size:11px;padding:7px 5px}.menus>.menu-trigger:last-child{display:none}.export-button{min-width:55px;font-size:10px;gap:5px;height:30px}.export-button svg{display:none}.workspace{height:calc(100dvh - 98px)}.tool-options{height:45px}.option-group{font-size:9px}.check-label{font-size:9px}.layer-controls{display:block}.layer-controls select{width:100%;margin-bottom:3px}.layer-controls label{justify-content:flex-end}.layer-meta{display:none}.layer-row{gap:3px;min-height:39px}.layer-name{font-size:9px}.layer-thumb{width:23px;height:27px}.layers-footer{flex-wrap:wrap;padding:4px}.layers-footer .icon-button{width:24px}.inspector-foot{font-size:7px;padding:4px 7px}.layer-row .layer-lock{display:none}.property-grid{gap:5px}.transform-row{gap:3px}.transform-row .icon-button{width:21px}.angle-field{padding:0 4px}.angle-field input{width:24px}.status-bar #pointer-position{display:none}.status-bar{padding:0 8px}.document-tab{font-size:10px}.document-tab svg{display:none}.panel-heading{height:35px}.ruler-left{width:15px}.ruler-top{left:15px}.ruler-corner{width:15px}.zoom-controls{right:10px;bottom:12px}.zoom-controls .icon-button{width:22px}.zoom-label{min-width:34px}}
.inspector-toggle{display:none}
.text-layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.text-layout-controls label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#9da79a}.text-layout-controls select,.text-layout-controls input[type=number]{width:100%;height:29px;font-size:10px;padding:4px 6px}.text-layout-hint{font-size:8px;color:#818e80;line-height:1.5;margin:7px 0 10px}.replace-image-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:10px;border:1px solid #475d80;color:#c1d0e8;border-radius:6px;padding:8px;margin:10px 0 12px}.replace-image-button svg{width:13px;height:13px}.replace-image-button:hover{background:#8daee212}.replacement-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px}.replacement-previews>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:170px;padding:12px 8px;background:#181d20;border:1px solid #3d4548;border-radius:7px}.replacement-previews span{font-size:8px;letter-spacing:1px;color:#93a18d}.replacement-previews canvas{display:block;max-width:100%;height:auto;max-height:210px;object-fit:contain;background:conic-gradient(#bdbdbd 25%,#ddd 0 50%,#bdbdbd 0 75%,#ddd 0) 0/12px 12px}.replacement-meta{font-size:10px!important;line-height:1.7!important;color:#98a58f!important}
.ai-preview-backgrounds .ai-mask-toggle{width:auto;min-width:78px;height:26px;padding:0 8px;border-radius:5px;border:1px solid #5c78a3;color:#cbd8ee;font-size:10px;white-space:nowrap}.ai-preview-backgrounds .ai-mask-toggle[aria-pressed=true]{background:#8daee2;color:#111c30}.ai-mask-warning{border-left:2px solid #d9b47d;padding:9px 12px;color:#e0c99c!important;background:#d9b47d0b;font-size:11px!important}.privacy-storage-actions{display:flex;flex-wrap:wrap;gap:10px}.privacy-storage-actions button{height:auto;min-height:35px;padding:10px;font-size:11px}
.ai-remove-button{width:100%;display:flex;align-items:center;gap:8px;border:1px solid #8daee235;border-radius:6px;background:#8daee20a;color:#c1d0e8;padding:8px 9px;font-size:10px;margin:3px 0 12px;text-align:left}.ai-remove-button svg{width:14px;height:14px}.ai-remove-button:hover{background:#8daee218}.ai-remove-button:disabled{opacity:.4}.ai-tag{margin-left:auto;border:1px solid #8daee240;padding:1px 4px;border-radius:3px;font-size:8px;letter-spacing:.5px}.menu-ai-label{font-size:8px;color:var(--accent)}.ai-intro-visual{display:flex;flex-direction:column;align-items:center;gap:16px;padding:25px 15px;background:radial-gradient(ellipse,#8daee215,transparent 70%);border:1px solid #8daee220;border-radius:8px;color:#c1d0e8}.ai-intro-visual svg{width:43px;height:43px}.ai-intro-visual span{font-family:Georgia,serif;font-size:23px}.ai-download-note{font-size:10px!important;color:#8c98a4!important}#ai-progress-wrap{padding:12px;border:1px solid #8daee230;border-radius:6px;margin-top:15px}#ai-progress{width:100%;height:7px;accent-color:var(--accent)}#ai-progress-text{margin:9px 0 5px!important;color:#c1d0e8!important;font-size:11px!important}.ai-patience{font-size:9px;line-height:1.6;color:#8b96a3;display:block}.ai-modal{width:810px}.ai-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-preview-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191c20;border:1px solid #3c424a;border-radius:7px;min-height:210px;overflow:hidden;position:relative;padding:30px 10px 10px}.ai-preview-tile>span{position:absolute;left:12px;top:10px;font-size:8px;letter-spacing:1.2px;color:#85919c}.ai-preview-tile canvas{display:block;max-width:100%;height:auto;max-height:300px;object-fit:contain;background-color:#ddd;background-image:conic-gradient(#bdbdbd 25%,transparent 0 50%,#bdbdbd 0 75%,transparent 0);background-size:12px 12px}.ai-preview-backgrounds{display:flex;align-items:center;gap:8px;margin:14px 0 20px;color:#929ea9;font-size:10px}.ai-preview-backgrounds button{height:19px;width:19px;border:1px solid #68727b;border-radius:50%;padding:0}.ai-preview-backgrounds button.selected{outline:1px solid var(--accent);outline-offset:3px}.checker-swatch{background:conic-gradient(#888 25%,#ddd 0 50%,#888 0 75%,#ddd 0) 50%/8px 8px}.ai-timing{margin-left:auto;font-size:9px;color:#84947c}.ai-refinement{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #3b4148;padding-top:17px;margin-bottom:17px}.ai-refinement label{display:grid;grid-template-columns:auto 1fr auto;font-size:11px;gap:10px;color:#d6dfce}.ai-refinement label>span{font-size:9px;text-align:right;color:#84909d}.ai-refinement input{grid-column:1/-1;width:100%;margin:4px 0 0}.ai-refinement output{font-size:10px;color:var(--accent)}@media(max-width:550px){.ai-modal{padding:18px}.ai-preview-grid{gap:7px}.ai-preview-tile{padding:29px 5px 7px;min-height:140px}.ai-preview-tile>span{font-size:6px;left:7px;letter-spacing:.5px}.ai-refinement{grid-template-columns:1fr;gap:18px}.ai-timing{display:none}}
.brand-block{display:flex;flex-direction:column;justify-content:center;gap:2px;flex-shrink:0}.community-credit{display:inline-flex;align-items:center;gap:4px;color:#8c9690;font-size:9px;line-height:12px;text-decoration:none;white-space:nowrap;padding-left:40px}.community-credit strong{font-weight:500;color:#8daee2}.community-credit:hover,.community-credit:hover strong{color:#e0e9f8}.community-credit:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.community-credit>span{font-size:10px;color:#a3b78c}
@media(max-width:550px){.brand-block{gap:0}.community-credit{font-size:7px;line-height:10px;gap:3px;padding-left:0}.community-credit>span{font-size:8px}}
.property-tabs{display:flex;gap:3px;padding:3px;background:#191c20;border-radius:6px;margin:4px 0 5px}.property-tabs button{height:25px;flex:1;font-size:10px;border-radius:4px;color:#828c99}.property-tabs button[aria-selected=true]{color:#e0e9f8;background:#213555}.properties-body:not(.show-adjustments) .adjustment-heading,.properties-body:not(.show-adjustments) .adjustment-label,.properties-body:not(.show-adjustments) .adjustment-range{display:none}.properties-body.show-adjustments .property-grid,.properties-body.show-adjustments .transform-row,.properties-body.show-adjustments #text-property{display:none}.properties-body.show-adjustments .adjustment-heading{border:0;padding-top:0;margin-top:6px}.properties-panel{max-height:58vh;overflow:auto}
.layer-image-button{padding:0;display:flex;border-radius:4px;flex-shrink:0;outline:1px solid transparent;outline-offset:2px}.layer-image-button.target-active{outline-color:#8daee299}.mask-thumbnail{width:25px;height:30px;padding:0;border-radius:3px;border:1px solid #606771;flex-shrink:0;overflow:hidden}.mask-thumbnail img{width:100%;height:100%;display:block;object-fit:fill}.mask-thumbnail.target-active{outline:1px solid var(--accent);outline-offset:2px}.layer-row:has(.mask-thumbnail){gap:6px}.layer-row:has(.mask-thumbnail) .layer-image-button img{width:29px}.layer-row:has(.mask-thumbnail) .layer-lock{width:16px}#mask-paint-hint{font-size:9px;letter-spacing:.4px;color:var(--accent)}
@media(max-width:650px){.inspector{display:none;position:absolute;right:0;top:98px;bottom:0;width:265px;z-index:8;box-shadow:-16px 0 40px #0005}.inspector-open .inspector{display:flex}.inspector-toggle{display:inline-flex;color:var(--accent);background:#8daee215}.inspector-open .inspector-toggle{background:var(--accent);color:var(--accent-ink)}.properties-panel{max-height:52vh;overflow:auto}.layer-controls{display:flex}.layer-controls select{width:auto;margin:0}.layer-meta{display:block}.layer-row .layer-lock{display:inline-flex}.layer-row{min-height:43px;gap:7px}.layer-thumb{width:32px;height:32px}.layer-name{font-size:10px}.tool-options{position:relative;padding-right:44px}.tool-options>.inspector-toggle{position:fixed;right:8px;top:61px;z-index:7;background:#213555}.tool-options .option-group{max-width:calc(100vw - 165px);overflow:auto;flex-shrink:0}.tool-options .option-group .check-label{white-space:nowrap}.document-tab{max-width:75%}.transform-row .icon-button{width:29px}.angle-field input{width:40px}.inspector-foot{font-size:9px}.status-bar #operation-status{max-width:100px;overflow:hidden;text-overflow:ellipsis}.app-header{gap:8px}.properties-body{padding-left:16px;padding-right:16px}.property-grid{gap:7px 9px}}
.replacement-modal{width:680px;overflow:hidden}.replacement-modal #modal-form{display:flex;flex-direction:column;max-height:calc(90dvh - 56px)}.replacement-modal #modal-body{overflow-y:auto;min-height:0;padding-right:5px}.replacement-modal .modal-heading,.replacement-modal .modal-footer,.replacement-modal #modal-error{flex-shrink:0}.replacement-modal .replacement-previews canvas{max-height:180px}.replacement-modal .modal-footer{margin-top:16px;padding-top:14px}

.snap-hint{font-size:9px;color:#91a083}.canvas-align-label{display:block;margin:13px 0 6px;font-size:8px;color:#86947e;letter-spacing:1px}.canvas-align-controls{display:flex;justify-content:space-between;gap:4px;padding:3px;background:#191e20;border:1px solid #374b6c;border-radius:6px;margin-bottom:13px}.canvas-align-controls .icon-button{flex:1;height:27px;min-width:0}.canvas-align-controls svg{width:15px;height:15px}.properties-body.show-adjustments .canvas-align-controls,.properties-body.show-adjustments .canvas-align-label{display:none}@media(max-width:760px){.snap-hint{display:none}}

.group-controls{display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid #343a41;font-size:10px}.group-controls button{border:1px solid #475d80;border-radius:4px;padding:5px 8px;color:var(--accent)}.group-controls span{color:#909ba5;font-size:9px}.layer-row input[type=checkbox]{width:12px;flex-shrink:0;accent-color:var(--accent)}.group-row{background:#202c40;min-height:38px}.group-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.group-child{padding-left:16px}.group-previews{display:flex;gap:10px}.group-previews figure{margin:0;flex:1;min-width:0}.group-previews img{width:100%;max-height:160px;object-fit:contain;background:#444}.group-previews figcaption{font-size:11px;margin-bottom:7px}

/* Navy accents on the original charcoal editor surfaces. */
.button{background:#203e70;color:#f2f6ff}.button:hover{background:#2c5088}.button.secondary{background:#30343a;color:#d1d4d9}.button.secondary:hover{background:#3a3f47}.tiny-button[aria-pressed=true]{background:#203e70;color:#f2f6ff}.ai-preview-backgrounds .ai-mask-toggle[aria-pressed=true]{background:#203e70;color:#f2f6ff}