html.pc100-story-open,html.pc100-story-open body{overflow:hidden}
.pc100-story-overlay{position:fixed;z-index:1000;inset:0;overflow:auto;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(20px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 75% 5%,rgba(135,91,255,.2),transparent 32%),#08080f;color:#f7f3ff}
.pc100-story-shell{display:grid;gap:14px;width:min(440px,100%);margin:0 auto}
.pc100-story-head{display:flex;align-items:center;gap:12px}.pc100-story-head h1{margin:0 auto 0 0;font-size:20px;letter-spacing:-.02em}.pc100-story-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.06);color:#eee9ff;font-size:25px}
.pc100-story-preview{display:grid;place-items:center;max-height:min(61vh,650px);padding:10px;border:1px solid rgba(169,145,255,.27);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:0 28px 80px rgba(0,0,0,.32)}
.pc100-story-preview canvas{display:block;width:auto;max-width:100%;height:auto;max-height:calc(min(61vh,650px) - 20px);aspect-ratio:9/16;border-radius:16px;background:#111018}
.pc100-story-status,.pc100-story-hint{margin:0;text-align:center;overflow-wrap:anywhere}.pc100-story-status{min-height:20px;color:#d8cafb;font-size:13px}.pc100-story-hint{color:#8d8599;font-size:11px;line-height:1.45}
.pc100-story-share,.pc100-story-download{width:100%;min-height:48px}.pc100-story-overlay button:disabled{opacity:.5;cursor:default}
@media(max-height:680px){.pc100-story-preview{max-height:48vh}.pc100-story-preview canvas{max-height:calc(48vh - 20px)}.pc100-story-shell{gap:10px}}


/* v207 Story Studio: selectable, share-ready 9:16 templates */
.pc207-story-studio{display:grid;gap:9px}
.pc207-story-studio-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
.pc207-story-studio-head strong{color:#edf1ff;font-size:12px;font-weight:850}
.pc207-story-studio-head span{color:#7485b5;font-size:10px;font-weight:800;letter-spacing:.08em}
.pc207-story-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pc207-story-variant{display:grid;gap:7px;min-width:0;padding:7px;border:1px solid rgba(116,133,220,.18);border-radius:15px;background:rgba(27,35,82,.26);color:#9eacd3;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.pc207-story-variant:active{transform:scale(.98)}
.pc207-story-variant.is-active{border-color:rgba(76,171,255,.58);background:linear-gradient(145deg,rgba(30,91,170,.3),rgba(92,48,151,.27));color:#fff;box-shadow:0 8px 22px rgba(31,83,182,.16)}
.pc207-story-variant-art{position:relative;display:block;height:46px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#0b1d48,#201044)}
.pc207-story-variant-art::before,.pc207-story-variant-art::after{content:"";position:absolute;border-radius:99px;filter:blur(.1px)}
.pc207-story-variant.is-achievement .pc207-story-variant-art::before{left:9px;top:8px;width:29px;height:29px;border:4px solid #49d5ee;border-right-color:rgba(73,213,238,.18)}
.pc207-story-variant.is-achievement .pc207-story-variant-art::after{right:8px;bottom:8px;width:28px;height:18px;background:linear-gradient(135deg,#ffe477,#ff9e45)}
.pc207-story-variant.is-focus .pc207-story-variant-art{background:linear-gradient(135deg,#071b33,#143456)}
.pc207-story-variant.is-focus .pc207-story-variant-art::before{inset:7px 8px 21px;border-radius:6px;background:linear-gradient(90deg,#36c8df,#5c75ed,#934eef)}
.pc207-story-variant.is-focus .pc207-story-variant-art::after{left:8px;right:22px;bottom:8px;height:6px;background:rgba(220,235,255,.72)}
.pc207-story-variant.is-coach .pc207-story-variant-art{background:radial-gradient(circle at 72% 25%,rgba(137,85,255,.7),transparent 40%),linear-gradient(135deg,#10163b,#2b0d3a)}
.pc207-story-variant.is-coach .pc207-story-variant-art::before{left:9px;top:10px;width:39px;height:6px;background:#8cb5ff}
.pc207-story-variant.is-coach .pc207-story-variant-art::after{left:9px;top:23px;width:58px;height:12px;border-radius:5px;background:rgba(255,255,255,.7)}
.pc207-story-variant-copy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}
.pc207-story-variant:disabled{opacity:.62}
@media(max-width:380px){.pc207-story-variants{gap:6px}.pc207-story-variant{padding:6px}.pc207-story-variant-copy{font-size:9px}}


/* v210 branded personal Story cards */
.pc100-story-preview{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(11,20,57,.82),rgba(28,9,47,.72));border-color:rgba(70,104,232,.42)}
.pc207-story-studio{padding:12px;border:1px solid rgba(76,103,217,.28);border-radius:18px;background:rgba(11,19,53,.58)}
.pc207-story-variant{border-color:rgba(98,120,220,.22);background:rgba(18,29,74,.5)}
.pc207-story-variant.is-active{border-color:rgba(60,194,242,.58);background:linear-gradient(145deg,rgba(26,93,170,.38),rgba(96,46,160,.32));box-shadow:0 10px 28px rgba(32,83,190,.2),inset 0 1px 0 rgba(255,255,255,.04)}
.pc207-story-variant-art{height:50px;border:1px solid rgba(110,133,231,.18)}