.stage{position:relative}.choose-design{position:absolute;top:14px;right:14px;z-index:20;border:1px solid #c8bbd3;border-radius:10px;padding:10px 14px;background:#fffffff0;color:#4c365f;font:600 12px system-ui;box-shadow:0 3px 12px #33224412;cursor:pointer}.choose-design:hover{background:#eee4f7}.choose-design:focus-visible{outline:3px solid #9b78bd;outline-offset:3px}.design-gallery{box-sizing:border-box;width:min(860px,94vw);max-height:86dvh;overflow:auto;padding:26px;border:1px solid #51445e;border-radius:20px;background:#19161f;color:#eee8f4;font:14px system-ui}.design-gallery::backdrop{background:#100a19b8;backdrop-filter:blur(5px)}.gallery-head{display:flex;align-items:center;justify-content:space-between}.gallery-head small{font:10px monospace;letter-spacing:2px;color:#bda6d5}.gallery-head h2{margin:8px 0;font-size:25px}.gallery-head button,.gallery-tabs button{border:1px solid #594565;background:#302638;color:#f0e6fa;padding:10px 14px;border-radius:9px;cursor:pointer}.design-gallery>p{color:#bcb0c8}.gallery-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.gallery-tabs [aria-pressed=true]{background:#72508e}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-tile{min-width:0;padding:10px;text-align:left;border:1px solid #44374e;border-radius:13px;background:#211b28;color:#e9e0f1;cursor:pointer}.gallery-tile:hover{border-color:#b18bd0;background:#302439}.gallery-tile[aria-pressed=true]{outline:2px solid #bd95db;outline-offset:1px}.gallery-tile>strong{display:block;padding:12px 4px 4px;font:600 13px system-ui}.gallery-sample{height:160px;display:flex;justify-content:center;align-items:center;background:#f1edf5;border-radius:8px;padding:18px;box-sizing:border-box;pointer-events:none;color:#44354e}.gallery-object{display:block;padding:12px;background:#9470b4;color:white;border:1px solid #a084b6;border-radius:8px;font:12px system-ui}.gallery-sample.card .gallery-object{width:145px;background:white;color:#493957;box-shadow:0 5px 12px #35264022;padding:10px}.gallery-art{display:block;height:43px;background:linear-gradient(135deg,#9780c5,#e9ae8b);border-radius:4px;margin-bottom:10px}.gallery-object strong,.gallery-object small{display:block;font-size:10px;margin-top:5px}.gallery-sample.input .gallery-object{background:white;color:#89738d;width:160px}.gallery-sample.switch .gallery-object{width:70px;border-radius:40px;padding:5px}.gallery-sample.switch b{display:block;width:23px;height:23px;border-radius:50%;background:white}.gallery-sample.choice .gallery-object{background:white;color:#5b3d70}@media(max-width:600px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-gallery{padding:16px}.gallery-sample{height:140px;padding:12px}}@media(prefers-reduced-motion:reduce){.design-gallery *{transition:none!important}}