.playground-module__Nu2iCG__wrap{color:#d4d4d4;font-family:var(--font-body);z-index:500;background:#1e1e1e;flex-direction:column;font-size:12px;display:flex;position:fixed;inset:0}.playground-module__Nu2iCG__topbar{background:#2c2c2c;border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.playground-module__Nu2iCG__tbLeft,.playground-module__Nu2iCG__tbRight{align-items:center;gap:12px;display:flex}.playground-module__Nu2iCG__tbCenter{align-items:center;gap:2px;display:flex}.playground-module__Nu2iCG__back{color:#d4d4d4;border-radius:6px;align-items:center;gap:4px;padding:6px 10px 6px 6px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.playground-module__Nu2iCG__back:hover{color:#fff;background:#383838}.playground-module__Nu2iCG__divider{background:#444;width:1px;height:20px}.playground-module__Nu2iCG__logo{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;align-items:baseline;font-size:14px;font-weight:800;display:inline-flex}.playground-module__Nu2iCG__logoSlash{color:var(--signal)}.playground-module__Nu2iCG__logoN{color:#888}.playground-module__Nu2iCG__fileName{color:#eee;font-weight:500}.playground-module__Nu2iCG__fileMut{color:#888;font-weight:400}.playground-module__Nu2iCG__tool,.playground-module__Nu2iCG__toolActive{color:#c8c8c8;cursor:pointer;border-radius:6px;place-items:center;width:30px;height:30px;transition:background .2s,color .2s;display:grid}.playground-module__Nu2iCG__tool:hover{color:#fff;background:#383838}.playground-module__Nu2iCG__toolActive{background:var(--signal);color:#1a0603}.playground-module__Nu2iCG__share{color:#1a0603;background:var(--signal);border-radius:6px;padding:7px 14px;font-weight:600;text-decoration:none;transition:filter .2s}.playground-module__Nu2iCG__share:hover{filter:brightness(1.08)}.playground-module__Nu2iCG__avatar{background:linear-gradient(140deg, var(--signal), #a3521f);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.playground-module__Nu2iCG__body{flex:1;min-height:0;display:flex}.playground-module__Nu2iCG__panel{background:#2c2c2c;flex-shrink:0;width:240px;padding-bottom:20px;overflow-y:auto}.playground-module__Nu2iCG__left{border-right:1px solid #1a1a1a}.playground-module__Nu2iCG__right{border-left:1px solid #1a1a1a}.playground-module__Nu2iCG__panelTabs{background:#2c2c2c;border-bottom:1px solid #1a1a1a;gap:4px;padding:10px 12px;display:flex;position:sticky;top:0}.playground-module__Nu2iCG__tab,.playground-module__Nu2iCG__tabActive{color:#999;cursor:pointer;border-radius:6px;padding:4px 10px;font-weight:500}.playground-module__Nu2iCG__tabActive{color:#fff;background:#383838}.playground-module__Nu2iCG__pageList{border-bottom:1px solid #1a1a1a;padding:8px 8px 12px;list-style:none}.playground-module__Nu2iCG__pageItem,.playground-module__Nu2iCG__pageActive{color:#c8c8c8;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.playground-module__Nu2iCG__pageItem:hover{background:#333}.playground-module__Nu2iCG__pageActive{background:color-mix(in srgb, var(--signal) 22%, transparent);color:#fff}.playground-module__Nu2iCG__pageDot{background:#666;border-radius:2px;width:8px;height:8px}.playground-module__Nu2iCG__pageActive .playground-module__Nu2iCG__pageDot{background:var(--signal)}.playground-module__Nu2iCG__panelHead{color:#888;text-transform:uppercase;letter-spacing:.06em;padding:12px 14px 6px;font-size:10px;font-weight:600}.playground-module__Nu2iCG__layerList{padding:0 6px;list-style:none}.playground-module__Nu2iCG__layer{color:silver;cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.playground-module__Nu2iCG__layer:hover{background:#333}.playground-module__Nu2iCG__layerActive{background:color-mix(in srgb, var(--signal) 22%, transparent);color:#fff}.playground-module__Nu2iCG__layerIcon{border:1.5px solid #8a8a8a;flex-shrink:0;width:12px;height:12px}.playground-module__Nu2iCG__ic_frame{border-radius:0}.playground-module__Nu2iCG__ic_group{border-style:dashed;border-radius:2px}.playground-module__Nu2iCG__ic_comp{border-color:var(--signal);border-radius:50%}.playground-module__Nu2iCG__ic_text{border:none;position:relative}.playground-module__Nu2iCG__canvas{background:radial-gradient(circle at 1px 1px,#2a2a2a 1px,#0000 0) 0 0/22px 22px,#1e1e1e;flex:1;min-width:0;position:relative}.playground-module__Nu2iCG__frame{border:none;width:100%;height:100%;position:absolute;inset:0}.playground-module__Nu2iCG__canvasHint{color:#aaa;font-family:var(--font-mono);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414d9;border:1px solid #3a3a3a;border-radius:999px;padding:7px 14px;font-size:11px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.playground-module__Nu2iCG__propSection{border-bottom:1px solid #232323;padding:14px}.playground-module__Nu2iCG__propHead{color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:10px;font-weight:600}.playground-module__Nu2iCG__propRow{align-items:center;gap:8px;margin-bottom:8px;display:flex}.playground-module__Nu2iCG__propRow:last-child{margin-bottom:0}.playground-module__Nu2iCG__propField{color:#ddd;font-family:var(--font-mono);background:#383838;border-radius:5px;padding:6px 10px;font-size:11px}.playground-module__Nu2iCG__propMut{color:#888;font-family:var(--font-mono);font-size:11px}.playground-module__Nu2iCG__swatch{border:1px solid #555;border-radius:5px;flex-shrink:0;width:22px;height:22px}.playground-module__Nu2iCG__propNote{color:#a8a8a8;font-size:12px;line-height:1.6}@media (max-width:900px){.playground-module__Nu2iCG__left,.playground-module__Nu2iCG__right,.playground-module__Nu2iCG__fileMut,.playground-module__Nu2iCG__tbCenter{display:none}}