.studio-module__mJHknq__hero{background:radial-gradient(circle at 88% 5%,#1686ed1f,#0000 28%),linear-gradient(#f7fbff,#fff);padding:70px 0 34px}.studio-module__mJHknq__hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(42px,6vw,68px)}.studio-module__mJHknq__hero p{max-width:720px;color:var(--muted);margin:18px 0 0;font-size:18px;line-height:1.7}.studio-module__mJHknq__workspaceSection{padding-top:28px;padding-bottom:80px}.studio-module__mJHknq__studioLayout{grid-template-columns:minmax(250px,.72fr) minmax(380px,1.25fr) minmax(290px,.83fr);align-items:start;gap:18px;display:grid}.studio-module__mJHknq__libraryPanel,.studio-module__mJHknq__previewPanel,.studio-module__mJHknq__controlsPanel{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 34px #0717350f}.studio-module__mJHknq__panelHeader{border-bottom:1px solid var(--border);background:#fbfcfe;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:17px 19px;display:flex}.studio-module__mJHknq__panelHeader span,.studio-module__mJHknq__panelHeader strong{display:block}.studio-module__mJHknq__panelHeader span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.studio-module__mJHknq__panelHeader strong{color:var(--navy);margin-top:3px;font-size:16px}.studio-module__mJHknq__panelHeader button{border:1px solid var(--border);min-height:36px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:12px;font-weight:800}.studio-module__mJHknq__libraryFilters{border-bottom:1px solid var(--border);gap:10px;padding:14px;display:grid}.studio-module__mJHknq__libraryFilters input,.studio-module__mJHknq__libraryFilters select,.studio-module__mJHknq__controls select,.studio-module__mJHknq__controls input[type=text]{width:100%;min-height:42px;color:var(--navy);font:inherit;background:#fff;border:1px solid #cfd9e6;border-radius:9px;padding:0 12px}.studio-module__mJHknq__iconPicker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:650px;padding:12px;display:grid;overflow-y:auto}.studio-module__mJHknq__iconChoice{border:1px solid var(--border);min-width:0;min-height:82px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;place-items:center;gap:6px;padding:10px 6px;display:grid}.studio-module__mJHknq__iconChoice:hover,.studio-module__mJHknq__iconChoiceActive{color:var(--blue);background:var(--soft-blue);border-color:#a9c6ec}.studio-module__mJHknq__iconChoice span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:700;overflow:hidden}.studio-module__mJHknq__previewPanel{position:sticky;top:94px}.studio-module__mJHknq__previewCanvas{place-items:center;min-height:510px;padding:30px;display:grid;overflow:hidden}.studio-module__mJHknq__transparentCanvas{background-color:#fff;background-image:linear-gradient(45deg,#e9eef5 25%,#0000 25%),linear-gradient(-45deg,#e9eef5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eef5 75%),linear-gradient(-45deg,#0000 75%,#e9eef5 75%);background-position:0 0,0 13px,13px -13px,-13px 0;background-size:26px 26px}.studio-module__mJHknq__exportBar{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:9px;padding:15px;display:grid}.studio-module__mJHknq__exportBar button{border:1px solid var(--blue);color:#fff;background:var(--blue);min-height:44px;font:inherit;cursor:pointer;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800}.studio-module__mJHknq__exportBar .studio-module__mJHknq__secondaryAction{color:var(--blue);background:#fff}.studio-module__mJHknq__statusMessage{color:var(--muted);margin:-4px 15px 15px;font-size:12px}.studio-module__mJHknq__controls{gap:20px;padding:19px;display:grid}.studio-module__mJHknq__controls label{gap:9px;display:grid}.studio-module__mJHknq__controls label>span{color:var(--navy);justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.studio-module__mJHknq__controls label>span strong{color:var(--blue)}.studio-module__mJHknq__controls input[type=range]{width:100%;accent-color:var(--blue)}.studio-module__mJHknq__colorGrid{gap:15px;display:grid}.studio-module__mJHknq__colorField{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.studio-module__mJHknq__colorField input[type=color]{background:#fff;border:1px solid #cfd9e6;border-radius:9px;width:48px;height:42px;padding:2px}.studio-module__mJHknq__checkboxLabel{color:var(--muted);align-items:center;font-size:13px;font-weight:700;gap:9px!important;display:flex!important}.studio-module__mJHknq__checkboxLabel input{width:17px;height:17px;accent-color:var(--blue)}.studio-module__mJHknq__toggleGrid,.studio-module__mJHknq__selectGrid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.studio-module__mJHknq__toggleGrid button{border:1px solid var(--border);min-height:42px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-size:11px;font-weight:800}.studio-module__mJHknq__toggleGrid .studio-module__mJHknq__toggleActive{color:var(--blue);background:var(--soft-blue);border-color:#a9c6ec}.studio-module__mJHknq__codeDetails{border:1px solid var(--border);border-radius:9px;overflow:hidden}.studio-module__mJHknq__codeDetails summary{color:var(--navy);cursor:pointer;background:#f8fafc;padding:12px;font-size:12px;font-weight:800}.studio-module__mJHknq__codeDetails pre{color:#dbe7f7;white-space:pre-wrap;word-break:break-all;background:#0c1930;max-height:220px;margin:0;padding:13px;font-size:10px;line-height:1.6;overflow:auto}@media (max-width:1120px){.studio-module__mJHknq__studioLayout{grid-template-columns:minmax(240px,.75fr) minmax(400px,1.25fr)}.studio-module__mJHknq__controlsPanel{grid-column:1/-1}.studio-module__mJHknq__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-module__mJHknq__codeDetails{grid-column:1/-1}}@media (max-width:790px){.studio-module__mJHknq__studioLayout{grid-template-columns:1fr}.studio-module__mJHknq__previewPanel{order:1;position:static}.studio-module__mJHknq__libraryPanel{order:2}.studio-module__mJHknq__controlsPanel{order:3}.studio-module__mJHknq__iconPicker{grid-template-columns:repeat(4,minmax(0,1fr));max-height:360px}.studio-module__mJHknq__controls{grid-template-columns:1fr}.studio-module__mJHknq__previewCanvas{min-height:420px}}@media (max-width:560px){.studio-module__mJHknq__hero{padding:54px 0 26px}.studio-module__mJHknq__iconPicker{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-module__mJHknq__exportBar,.studio-module__mJHknq__toggleGrid,.studio-module__mJHknq__selectGrid{grid-template-columns:1fr}.studio-module__mJHknq__previewCanvas{min-height:350px;padding:18px}}