/* ASY OS Share Me V201.2.5 – isolated studio styling; no global overrides */
.shareme-shell{--sm-accent:#9ac6ff;--sm-muted:#a2aabb;color:#f8faff;padding:0 0 64px;font-family:inherit;max-width:1700px;margin:0 auto}
.shareme-shell *{box-sizing:border-box}.shareme-shell button,.shareme-shell input,.shareme-shell select{font:inherit}
.sm-hero{position:relative;overflow:hidden;border:1px solid rgba(137,174,243,.21);border-radius:28px;padding:30px 32px;background:radial-gradient(circle at 92% 0%,rgba(72,111,218,.31),transparent 38%),radial-gradient(circle at 0 100%,rgba(47,83,130,.18),transparent 42%),#0b1020;margin:4px 0 19px}
.sm-eyebrow{color:#96bcff;letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:800}
.sm-title{font-size:clamp(30px,4vw,56px);line-height:1.05;font-weight:800;letter-spacing:-.05em;margin:10px 0}
.sm-title em{font-style:normal;color:#a8caff}.sm-hero p{max-width:680px;color:#b2bdd0;font-size:14px;line-height:1.65;margin:0}
.sm-hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.sm-hero-tags span{border:1px solid #ffffff20;padding:8px 11px;border-radius:100px;background:#ffffff08;font-size:11px;color:#ccd8ea}
.sm-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 0 18px}
.sm-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(177,199,232,.2);background:#172139;color:#f2f6ff;border-radius:12px;padding:11px 13px;min-height:39px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,transform .16s}
.sm-button:hover{background:#25395a;border-color:#99c7f0;transform:translateY(-1px)}.sm-button:focus-visible,.sm-cards button:focus-visible{outline:2px solid #9ecbff;outline-offset:2px}
.sm-button.primary{background:linear-gradient(125deg,#a4ccff,#729ef3);color:#09152c;border:0}.sm-button.primary:hover{background:#d1e6ff}
.sm-button.active{background:#294467;border-color:#70a8ea;color:#d9edff}.sm-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.sm-grid{display:grid;grid-template-columns:minmax(210px,0.92fr) minmax(310px,1.34fr) minmax(225px,.94fr);gap:15px;align-items:start}
.sm-panel{border:1px solid #ffffff18;background:#0c1423;border-radius:22px;min-width:0;overflow:hidden}
.sm-panel-head{padding:18px 18px 14px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sm-panel-title{font-size:15px;font-weight:780;letter-spacing:-.02em;margin:0;color:#f2f6ff}.sm-panel-hint{font-size:10px;color:#97a5b9}
.sm-library{position:sticky;top:13px}.sm-library .sm-cards{max-height:min(72vh,920px);overflow:auto;padding:8px 10px 14px}
.sm-filterbar{padding:13px 14px 4px}.sm-field,.sm-search,.sm-select{width:100%;appearance:none;border:1px solid #ffffff29;background:#141d2f;color:#eaf0fd;border-radius:11px;min-width:0;padding:11px;font-size:12px}
.sm-search{margin-bottom:10px}.sm-filter-options{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:9px}.sm-filter-options button{border:1px solid #ffffff20;background:transparent;color:#afbdcd;border-radius:99px;padding:7px 10px;font-size:10px;cursor:pointer}
.sm-filter-options button.on{background:#d6e8ff;color:#152338}
.sm-card{display:flex;width:100%;text-align:left;align-items:center;gap:11px;border:1px solid #ffffff10;background:#141d2e;color:white;border-radius:14px;padding:12px;margin:7px 0;cursor:pointer}
.sm-card.on{background:#223855;border-color:#87baff}.sm-card:hover{border-color:#658db8}
.sm-card-art{display:flex;align-items:center;justify-content:center;flex:none;width:43px;height:43px;border-radius:12px;background:linear-gradient(140deg,#345888,#141e38);font-size:21px}
.sm-card-text{min-width:0;flex:1}.sm-card-text strong{font-size:12px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sm-card-text small{display:block;font-size:10px;color:#a4b3c7;margin-top:5px}.sm-card-value{font-size:11px;font-weight:800;white-space:nowrap;color:#aad3ff}
.sm-empty{padding:19px;color:#9eacc1;font-size:12px;line-height:1.7}
.sm-preview-panel{padding-bottom:18px}.sm-stage{background:radial-gradient(circle at 50% 25%,#263954,#111a29 64%);min-height:485px;padding:22px;display:flex;align-items:center;justify-content:center}
.sm-canvas-wrap{position:relative;margin:auto;max-width:100%;filter:drop-shadow(0 24px 38px #0008)}
.sm-canvas{display:block;width:min(100%,310px);height:auto;max-height:580px;object-fit:contain;border-radius:12px;background:#101826;border:1px solid #ffffff12}
.sm-stage-meta{text-align:center;margin:10px 0 0;color:#acbacb;font-size:11px}
.sm-preview-actions{display:flex;gap:8px;padding:15px 17px 0;flex-wrap:wrap;justify-content:center}
.sm-caption{margin:16px 18px 0;border:1px solid #ffffff17;background:#121c2e;border-radius:14px;padding:13px;color:#afbdce;font-size:12px;line-height:1.6}
.sm-caption p{color:#e7efff;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:8px 0}
.sm-controls{padding:17px}.sm-control{margin-bottom:16px}.sm-control>label{display:block;color:#c8d4e5;font-size:11px;font-weight:760;margin-bottom:8px}
.sm-control small{font-size:10px;color:#93a4ba;display:block;line-height:1.5;margin-top:6px}
.sm-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sm-swatch{height:42px;border-radius:11px;border:2px solid transparent;cursor:pointer;position:relative;background:var(--swatch)}
.sm-swatch.on{border-color:#d6efff;box-shadow:0 0 0 2px #121d35 inset}.sm-swatch>span{position:absolute;right:5px;bottom:5px;color:white;font-size:12px;text-shadow:0 1px 5px #000}
.sm-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.sm-template{cursor:pointer;padding:7px 5px;color:#b7c5d9;background:#172237;border:1px solid #ffffff17;border-radius:11px;min-height:65px;font-size:10px}
.sm-template.on{border-color:#9fc8ff;background:#23405d;color:white}.sm-template b{display:block;font-size:17px;margin-bottom:4px}
.sm-toggle{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #ffffff0c;padding:12px 0;color:#c9d3e0;font-size:11px}
.sm-toggle input{width:18px;height:18px;accent-color:#96c4ff;cursor:pointer}.sm-summary{font-size:11px;color:#9caac1;line-height:1.7;border-top:1px solid #ffffff10;padding-top:14px}
.sm-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:17px}
.sm-bottom .sm-panel{padding:19px}.sm-bottom h3{font-size:15px;margin:0 0 12px}.sm-bottom p{color:#9bacc2;font-size:11px;line-height:1.65}
.sm-tilelist{display:flex;gap:7px;flex-wrap:wrap}.sm-tile{background:#152239;color:#c7d8ed;border:1px solid #ffffff1e;border-radius:12px;padding:10px 12px;font-size:11px;cursor:pointer}
.sm-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.sm-history-entry{border:1px solid #ffffff17;border-radius:12px;background:#121d2f;padding:11px}.sm-history-entry b{font-size:12px;color:#e6efff;display:block}
.sm-history-entry small{display:block;font-size:10px;color:#96a9be;margin:6px 0}.sm-history-entry button{color:#b5d8ff;background:transparent;border:0;padding:5px 0;cursor:pointer;font-size:11px}
.sm-toast{position:fixed;right:20px;bottom:26px;z-index:5500;color:#eaf3ff;background:#1a334c;border:1px solid #8dbcf9;border-radius:14px;padding:13px 19px;box-shadow:0 14px 32px #0007;font-size:12px;max-width:360px}
.sm-note{font-size:10px;line-height:1.6;color:#8695ab;margin:15px 5px 0}.sm-orbit{position:absolute;right:-85px;top:-160px;width:380px;height:380px;border:1px solid #ffffff17;border-radius:50%;pointer-events:none}.sm-orbit:after{content:"";position:absolute;inset:55px;border:1px solid #ffffff17;border-radius:50%}
@media(max-width:1200px){.sm-grid{grid-template-columns:minmax(200px,1fr) minmax(310px,1.4fr)}.sm-customizer{grid-column:1/-1}.sm-customizer .sm-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 19px}.sm-customizer .sm-summary{grid-column:1/-1}}
@media(max-width:760px){.shareme-shell{padding:0 0 95px}.sm-hero{padding:22px 18px;border-radius:21px}.sm-actions{gap:6px}.sm-actions .sm-button{flex:1 1 115px}.sm-grid,.sm-bottom{grid-template-columns:1fr}.sm-library{position:static}.sm-library .sm-cards{max-height:340px}.sm-stage{min-height:420px;padding:15px}.sm-canvas{max-height:480px}.sm-customizer .sm-controls{grid-template-columns:1fr 1fr}.sm-panel{border-radius:17px}}
@media(max-width:470px){.sm-customizer .sm-controls{grid-template-columns:1fr}.sm-templates{grid-template-columns:repeat(4,minmax(0,1fr))}.sm-preview-actions .sm-button{flex:1 1 120px}.sm-stage{min-height:385px}.sm-canvas{max-height:440px}}
@media(prefers-reduced-motion:reduce){.sm-button{transition:none}.sm-button:hover{transform:none}}