*{box-sizing:border-box} :root{--bg:#090b10;--panel:#11141b;--card:#171b23;--card2:#1d222c;--line:#2a303b;--text:#f4f1ee;--muted:#939aa6;--rose:#c7927e;--rose2:#f1cfc1;--shadow:0 24px 70px #0008}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 72% 10%,#30231f55,transparent 28%),radial-gradient(circle at 20% 90%,#1c263755,transparent 30%),var(--bg);min-height:100vh}.topbar{height:72px;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid #ffffff10;background:#0c0f14dd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.suite-brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.3px;white-space:nowrap}.suite-mark{width:38px;height:38px;border:1px solid #d7a99688;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;background:linear-gradient(135deg,#6e4536,#f4cfc0 48%,#a66c59);color:#15100e;box-shadow:inset 0 1px #fff8}.suite-brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.2px;font-weight:600;margin-top:2px}.navtabs{display:flex;gap:7px}.navtab{border:1px solid transparent;background:transparent;color:#a7adb7;border-radius:11px;padding:10px 14px;font-weight:650;cursor:pointer}.navtab.active{color:#fff;background:#ffffff0b;border-color:#ffffff13}.navtab span{color:var(--rose2)}.top-status{margin-left:auto;font-size:10px;color:#7f8792;letter-spacing:.7px}.page{display:none}.page.active{display:block}.app{min-height:calc(100vh - 72px);display:grid;grid-template-columns:390px minmax(0,1fr)}.panel{padding:25px 24px 40px;background:linear-gradient(180deg,#11151c,#0e1117);border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - 72px)}.brand{font-size:20px;font-weight:750;margin:0 0 20px;display:flex;align-items:baseline;gap:6px}.brand b{font-family:Georgia,serif;font-size:29px;background:linear-gradient(100deg,#865541,#f5d3c6,#b87660);color:transparent;background-clip:text}.brand span{margin-left:auto;font-size:8px;letter-spacing:2.4px;color:#6f7782}.group{background:linear-gradient(145deg,#181c24,#141820);border:1px solid #ffffff0e;border-radius:16px;padding:14px;margin:0 0 12px;box-shadow:inset 0 1px #ffffff08}.group-title{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#858d98;margin:0 0 11px;font-weight:750}.panel label,.label{display:block;font-size:11px;font-weight:650;margin:12px 0 6px;color:#b8bec7}.panel input#name,.panel input#sub,.field{width:100%;padding:11px 12px;border:1px solid #303642;border-radius:10px;background:#0e1117;color:#f7f4f1;font:inherit;outline:none}.panel input:focus,.field:focus{border-color:#bd8a76;box-shadow:0 0 0 3px #bd8a7618}.seg,.presets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.seg{grid-template-columns:repeat(3,1fr)}button{border:1px solid #303642;background:#1a1f28;color:#c6cbd2;border-radius:10px;padding:10px;cursor:pointer;font:inherit;font-size:11px;transition:.18s}button:hover{border-color:#9c6e5d;transform:translateY(-1px)}button.active,.primary{background:linear-gradient(135deg,#f0c9b9,#ad735e);color:#1b110d;border-color:#d8a590;font-weight:750;box-shadow:0 7px 22px #a66e5930}.preset{display:flex;align-items:center;gap:7px;text-align:left}.preset i{width:13px;height:13px;border-radius:50%;background:var(--c);flex:none;box-shadow:inset 0 1px 3px #fff8,0 0 0 1px #0006}.preset.selected{border-color:#c18d78;background:#c18d7812}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.colors label{margin:4px 0;font-size:9px}.colors input,#ink{display:block;width:100%;height:35px;border:1px solid #303642;background:#0c0f14;padding:3px;border-radius:8px}.colors code{font-size:8px;color:#777f8b}.check{display:flex!important;align-items:center;gap:8px;padding:7px 0;margin:0!important;color:#b9c0ca!important}.check input{accent-color:#c58f79}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.actions .pack{grid-column:span 2}.note,.status{font-size:9px;line-height:1.55;color:#707884}.stage{padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;position:relative}.stage:before{content:"";position:absolute;width:55%;height:55%;background:#c58e7620;filter:blur(100px);border-radius:50%;pointer-events:none}.checker,.icon-checker{width:min(960px,100%);aspect-ratio:3/2;background:#fff;border-radius:24px;box-shadow:var(--shadow),0 0 0 1px #ffffff12;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1}.checker.transparent{background-color:#fff;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:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#preview{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}#preview svg{display:block;width:100%;height:100%}.hint{margin-top:15px;color:#707885;font-size:10px;z-index:1}.palette-box{margin:12px 0;border:1px solid #ffffff10;border-radius:13px;background:#141820;overflow:hidden}.palette-box summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:11px;font-weight:650;display:flex;justify-content:space-between;align-items:center;user-select:none}.palette-box summary::-webkit-details-marker{display:none}.palette-box summary:after{content:"⌄";font-size:15px;transition:.18s}.palette-box[open] summary:after{transform:rotate(180deg)}.palette-box summary span{margin-left:auto;margin-right:8px;font-size:8px;font-weight:400;color:#707885}.palette-box .presets{padding:0 10px 10px;max-height:285px;overflow:auto}.palette-box:not([open]) .presets{display:none}.icon-workspace{min-height:calc(100vh - 72px);display:grid;grid-template-columns:390px minmax(0,1fr)}.icon-panel{padding:25px 24px 40px;background:linear-gradient(180deg,#11151c,#0e1117);border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - 72px)}.icon-stage{padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.icon-stage:before{content:"";position:absolute;width:50%;height:55%;background:#7794bd18;filter:blur(100px)}.icon-checker{aspect-ratio:1/1;width:min(650px,88%);background:linear-gradient(145deg,#181c24,#101319);border:1px solid #ffffff10}.icon-preview-wrap{width:68%;aspect-ratio:1;display:grid;place-items:center}.app-icon{width:100%;height:100%;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#6c4335,#d49a82 52%,#f0c5b4);box-shadow:0 28px 60px #0007,inset 0 1px #fff7;transition:border-radius .2s}.app-icon.circle{border-radius:50%}.app-icon.rounded{border-radius:22%}.app-icon.apple{border-radius:22.5%}.app-icon.square{border-radius:3%}.icon-content{width:62%;height:62%;display:grid;place-items:center;position:relative}.icon-content img{max-width:100%;max-height:100%;object-fit:contain}.icon-letter{font-family:Georgia,serif;font-size:clamp(90px,18vw,210px);line-height:1;color:#fff;text-shadow:0 2px 12px #0004}.icon-mini-label{position:absolute;bottom:5%;font-size:10px;letter-spacing:1.5px;color:#fff9}.shape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.shape-btn{display:flex;align-items:center;gap:9px;text-align:left}.shape-demo{width:25px;height:25px;background:linear-gradient(145deg,#8b5a47,#edc0ad);flex:none}.shape-demo.rounded{border-radius:7px}.shape-demo.apple{border-radius:8px}.shape-demo.circle{border-radius:50%}.shape-demo.square{border-radius:2px}.upload{display:block;border:1px dashed #3b424f;border-radius:11px;padding:12px;text-align:center;color:#9aa2ad;cursor:pointer;font-size:10px}.upload input{display:none}.range-row{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:10px}.range-row input{width:100%;accent-color:#c58f79}.range-val{font-size:10px;color:#8d95a0;text-align:right}.icon-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.icon-actions .wide{grid-column:span 2}.sizechips{display:flex;flex-wrap:wrap;gap:6px}.sizechips button{padding:7px 9px}.sizechips button.active{background:#c18d7820;border-color:#c18d78;color:#f3cbbb}.mobile-nav{display:none}
@media(max-width:850px){.topbar{height:64px;padding:0 14px}.top-status{display:none}.suite-brand>div:last-child{display:none}.navtabs{margin-left:auto}.navtab{padding:9px 10px;font-size:10px}.app,.icon-workspace{grid-template-columns:1fr}.panel,.icon-panel{max-height:none;border-right:0;padding:18px}.stage,.icon-stage{padding:18px 12px 28px}.checker{border-radius:16px}.icon-checker{width:min(560px,100%)}.palette-box .presets{max-height:240px}.actions{grid-template-columns:1fr 1fr}}@media(max-width:390px){.topbar{gap:8px}.navtab{padding:8px 7px}.seg button{padding:9px 4px;font-size:10px}.stage,.icon-stage{padding-inline:8px}.group{padding:12px}}