*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:#e8e9ee;background:#14161b}header{height:72px;border-bottom:1px solid #30333c;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:850;letter-spacing:2px;font-size:18px}.brand span{color:#b8ff5b}.brand small{font-size:9px;letter-spacing:1px;color:#969ba9;margin-left:18px}button{border:1px solid #414550;border-radius:7px;background:#272a33;color:#e8e9ee;padding:10px 13px;cursor:pointer}button:hover{background:#363b47;border-color:#b8ff5b}header button:last-child,#addText,#paint{background:#b8ff5b;color:#17210c;border:0}main{display:grid;grid-template-columns:265px minmax(350px,1fr)240px;height:calc(100vh - 72px)}aside{padding:25px 20px;overflow:auto;background:#1c1f26}h1{font-size:25px;margin:0 0 10px}h2{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#a6acbb;margin:0 0 17px}.intro,.hint{color:#9da4b3;line-height:1.6}.intro{margin-bottom:30px}section{border-top:1px solid #343843;padding:22px 0}label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}input:not([type=checkbox]):not([type=color]){background:#11141a;color:#eee;border:1px solid #3e4350;border-radius:5px;padding:10px;width:100%;min-width:0}input[type=color]{width:44px;height:30px;border:0;background:transparent}input[type=checkbox]{accent-color:#b8ff5b}#axis,#fontSize{width:95px}section>button,.properties button{width:100%;margin-top:9px}.samples{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.hint{font-size:12px}.upload{display:block;border:1px dashed #555d6d;padding:12px;border-radius:6px}.upload input{font-size:11px;margin-top:10px}.workspace{display:flex;flex-direction:column;min-width:0;background:#101217}.toolbar{height:59px;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;gap:10px}.toolbar button{padding:7px 10px}#zoomLabel{font-size:12px;margin:0 10px;color:#b1b7c5}#canvasWrap{flex:1;min-height:0;position:relative;background:radial-gradient(#303542 1px,transparent 1px);background-size:20px 20px;overflow:hidden}#loading{position:absolute;top:45%;width:100%;text-align:center;color:#b8ff5b}footer{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:11px;color:#a1a9b8;gap:10px}.properties{border-left:1px solid #30333c}.properties label{display:block;line-height:1.8}.properties input{display:block}.properties .danger{color:#ff9d9d}#selection{line-height:1.6;min-height:45px}.note{font-size:12px;color:#989faf;line-height:1.6;margin-top:30px;border-top:1px solid #383d49;padding-top:20px}.note strong{color:#d8dfed}@media(max-width:1000px){main{grid-template-columns:220px minmax(350px,1fr)}.properties{display:none}header{padding:0 12px}.brand small{display:none}}@media(max-width:650px){main{grid-template-columns:180px minmax(350px,1fr);min-width:650px}header{min-width:650px}aside{padding:15px 10px}}
select{width:100%;background:#11141a;color:#eee;border:1px solid #3e4350;border-radius:5px;padding:9px;margin-top:4px;min-width:0}#logoCategory{margin:10px 0}#logoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.logo-card{min-height:82px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px}.logo-card strong{font-size:19px}.logo-card span{color:#a9b0bd;font-size:10px}.logo-card svg{height:35px;width:60px;color:#b8ff5b}.inline{display:flex;gap:8px;align-items:center}.inline label{flex:1}.inline input[type=number]{width:70px}.inline label:has(input[type=checkbox]),.existing-readable{display:flex!important;align-items:center;justify-content:flex-start}.inline button{width:50%}.text-tools{border-bottom:1px solid #393f4a;margin-bottom:16px;padding-bottom:8px}.layer-row{display:flex;gap:4px;margin:6px 0;padding:4px;border:1px solid #343a46;border-radius:7px}.layer-row.active{border-color:#b8ff5b;background:#293124}.layer-row button{margin:0;padding:7px 6px;width:auto}.layer-row .layer-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layers-section{padding:20px 0}.layers-section h2 span{color:#b8ff5b;margin-left:6px}#layers{font-size:12px;color:#9fa7b5;max-height:340px;overflow:auto}.properties{width:280px}main{grid-template-columns:265px minmax(350px,1fr)280px}.properties .note{margin-top:10px}#mirrorPlacement,#mirrorTarget{max-width:135px;font-size:11px}@media(max-width:1000px){main{grid-template-columns:220px minmax(350px,1fr)280px;min-width:850px}.properties{display:block}header{min-width:850px}}
#lineWidth{max-width:80px}#lineStyle,#gradientDirection{max-width:130px}.gradient-title{margin-top:25px}#gradientPreview{height:28px;border:1px solid #50586a;border-radius:5px;margin:12px 0}#drawLine{background:#b8ff5b;color:#17210c}
#stickerLocks button{width:100%;margin-top:7px}button:disabled{opacity:.45;cursor:default}#stickerLockState{color:#b8ff5b;margin-bottom:5px}
.logo-library h2{margin:0}.logo-library h2 button{width:100%;text-align:left;font-size:12px;color:#b8ff5b}.logo-library [hidden]{display:none!important}#logoLibraryBody{padding-top:16px}#logoResultCount{margin:0 0 10px}#openLogoLibrary{width:100%;margin-top:8px}
.imported-logo{background:#f3f3f3;min-height:105px;justify-content:space-between}.imported-logo:hover{background:#fff}.imported-logo img{width:100%;height:60px;object-fit:contain}.imported-logo span{color:#242a36;font-size:11px;overflow-wrap:anywhere}.logo-library select[hidden]{display:none!important}
.logo-drop-active {outline:3px solid #b8ff5b;outline-offset:-3px}.imported-logo {cursor:grab}.imported-logo:active {cursor:grabbing}
[hidden] {display:none!important}.imported-logo {touch-action:none;user-select:none}
textarea {width:100%;box-sizing:border-box;background:#15171d;color:#fff;border:1px solid #383b42;border-radius:6px;padding:10px;resize:vertical;font:inherit}
#aiPrompt {min-height:110px} #aiPromptLabel {display:block}
#aiSwatches #aiPromptLabel{display:block;line-height:1.6}#aiPrompt{display:block;margin-top:8px}#aiSwatches .swatch-option{justify-content:flex-start;font-size:12px}.pattern-examples{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.pattern-examples button{padding:7px;font-size:11px}.swatch-library-heading{margin:24px 0 10px}#swatchCount{color:#b8ff5b}.swatch-card{margin:12px 0;padding:10px;border:1px solid #414550;border-radius:8px}.swatch-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#fff 0 25%,#d7d7d7 0 50%) 0/16px 16px}.swatch-card p{font-size:11px;line-height:1.5;max-height:50px;overflow:hidden;color:#b6bdca}.swatch-card button{width:100%;margin-bottom:10px}.swatch-card a{display:block;text-align:center;color:#b8ff5b;font-size:11px}#artOpacity{padding:0;accent-color:#b8ff5b}#artOpacityValue{color:#b8ff5b;font-size:12px}
.swatch-card .apply-swatch{background:#b8ff5b;color:#17210c}#kitPatternControls .hint{font-size:11px}
#aiSwatches .ai-select-label{display:block;font-size:12px;line-height:1.6}#aiSwatches .ai-select-label select{display:block;margin-top:5px}