:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#efedf4;background:#0d1017;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}a{color:inherit}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:#131721;border-right:1px solid #302b38;padding:31px 20px 24px;z-index:4}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:850;font-size:24px;letter-spacing:-1.2px}.wordmark small{display:block;color:#9e91b2;font-size:9px;font-weight:700;letter-spacing:2.2px;margin-top:2px}.logo-mark{display:grid;place-items:center;background:#e6b450;color:#101413;width:40px;height:40px;border-radius:13px;font-weight:950;font-size:31px;position:relative}.logo-mark span{position:absolute;font-size:15px;bottom:2px;right:2px}.sep{border-top:1px solid #302b38;margin:39px 0 26px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:14px;border:0;border-radius:10px;padding:14px 12px;background:transparent;text-align:left;color:#afaab8;font-size:13px;font-weight:660}.nav-item:hover,.nav-item.active{background:#292533;color:white}.nav-item.active{box-shadow:inset 3px 0 #e6b450}.ico{font-size:20px;width:25px;text-align:center}.nav-hot{font-size:8px;color:#e6b450;letter-spacing:1px;margin-left:auto}.sidebar-bottom{margin-top:auto}.tiny-label,.eyebrow,.field-label{display:block;font-size:10px;letter-spacing:2px;color:#b6a4cb;font-weight:750;text-transform:uppercase}.sidebar-bottom p{color:#9b95a6;line-height:1.65;font-size:12px;max-width:190px}.account{border-top:1px solid #342e3e;margin-top:25px;padding-top:19px;display:flex;align-items:center;gap:10px}.avatar{background:#493456;color:#f4c1ee;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.account-copy{flex:1;min-width:0}.account-copy b,.account-copy small{display:block;white-space:nowrap;font-size:12px}.account-copy small{color:#98909e;font-size:10px;margin-top:3px}.quiet-button{background:none;color:#e6b450;border:0;font-size:11px}.main{min-width:0}.topbar{height:65px;border-bottom:1px solid #282330;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:rgba(17,15,23,.88)}.top-left,.top-right{display:flex;align-items:center;gap:16px;font-size:11px;color:#aaa3b4}.top-left #top-section{color:#e9e4ee;font-weight:650}.top-divider{height:17px;border-left:1px solid #494151}.top-right{font-size:10px}.status-dot{width:7px;height:7px;background:#e6b450;border-radius:50%;box-shadow:0 0 0 4px #e6b45017}.page{min-height:calc(100dvh - 65px)}.feed-page{display:grid;grid-template-columns:minmax(190px,1fr) minmax(300px,425px) minmax(190px,1fr);gap:25px;padding:24px 38px}.feed-rail{display:flex;align-items:center;justify-content:center}.feed-heading{max-width:300px}.feed-heading h1,.section-header h1{font-weight:850;line-height:1.03;font-size:clamp(36px,4.4vw,67px);letter-spacing:-3px;margin:20px 0}.feed-heading h1 em,.section-header h1 em,.modal-content h2 em{color:#e6b450;font-style:normal}.feed-heading p,.section-header p{color:#b5acbe;font-size:14px;line-height:1.8}.rail-help{line-height:2.6;font-size:11px;color:#aea6b8;margin:35px 0}.rail-help span{background:#2a2532;color:#d7cfe0;font-size:10px;border:1px solid #3c3644;border-radius:5px;padding:5px 9px;margin-right:10px}.outline-button{background:transparent;border:1px solid #61556b;color:#ece3f5;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:700}.outline-button:hover{border-color:#e6b450}.rail-count{color:#877d92;font-size:11px;margin-top:20px}.feed-center{display:flex;justify-content:center;align-items:center;min-width:0}.phone-outline{width:min(100%,385px);height:min(calc(100dvh - 120px),750px);background:#040404;border-radius:24px;overflow:hidden;border:5px solid #25202d;box-shadow:0 20px 60px #0009,0 0 0 1px #3a3042}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.loading{display:grid;place-items:center;height:100%;padding:24px;color:#ada4b7;text-align:center}.short{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;background:#15131a;isolation:isolate;overflow:hidden}.short video{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;background:#110f15}.short .shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07050891 0,transparent 17%,transparent 48%,#05030b99 81%,#05030bd9 100%)}.short .video-top{position:absolute;top:20px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:8px;pointer-events:none}.pill{background:#10101896;backdrop-filter:blur(10px);border:1px solid #ffffff2f;border-radius:20px;padding:7px 10px;font-weight:700;letter-spacing:.7px}.video-controls{position:absolute;right:12px;bottom:135px;display:grid;gap:17px;z-index:2}.round-control{width:41px;height:41px;border-radius:100%;background:#14101891;color:#fff;border:1px solid #ffffff54;display:grid;place-items:center;font-size:17px}.video-foot{position:absolute;left:17px;right:66px;bottom:28px;z-index:2}.video-foot .handle{font-size:12px;color:#e6b450;font-weight:800;margin:0 0 7px}.video-foot h3{font-size:17px;line-height:1.28;font-weight:820;margin:0 0 9px;text-shadow:0 2px 12px #000}.source-link{color:#e0d4ee;font-size:11px;text-decoration:none;display:block;margin-bottom:10px;line-height:1.5}.source-link:hover{text-decoration:underline}.progress-track{height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff50}.progress-fill{height:100%;background:#e6b450;width:0}.feed-aside{display:flex;align-items:center;justify-content:center}.aside-card{max-width:240px;padding:26px;border:1px solid #342c3b;border-radius:14px;background:#131721}.aside-card h3{font-size:20px;letter-spacing:-.4px;margin:18px 0 8px}.aside-card p{font-size:12px;line-height:1.8;color:#a6a0b1}.aside-rule{margin:22px 0;border-top:1px solid #322c38}.studio-page,.library-page{max-width:1250px;margin:0 auto;padding:50px 7% 100px}.section-header{margin-bottom:35px}.section-header h1{font-size:clamp(45px,5.5vw,80px)}.studio-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:20px;align-items:start}.panel{padding:27px;background:#131721;border:1px solid #39313e;border-radius:14px;box-shadow:0 4px 22px #0001}.panel-step{display:flex;align-items:center;gap:14px;margin-bottom:23px}.panel-step>span{display:grid;place-items:center;background:#312b3b;color:#e6b450;border:1px solid #40394a;border-radius:8px;width:36px;height:36px;font-weight:800;font-size:12px}.panel-step h2{font-size:19px;letter-spacing:-.5px;margin:0}.field-label{font-size:9px;margin-bottom:9px}input:not([type=checkbox]):not([type=file]),select{background:#0d1017;color:#f2edf5;border:1px solid #4c4055;padding:13px;border-radius:7px;outline:none;min-width:0;width:100%;font-size:13px}input:focus,select:focus{border-color:#e6b450!important}.url-row{display:flex;gap:9px}.primary-button{background:#e6b450;border:0;border-radius:8px;padding:12px 17px;color:#0d1017;font-size:12px;font-weight:850;white-space:nowrap}.primary-button:hover{background:#f0c674}.primary-button span{padding-left:10px}.primary-button.wide{width:100%;text-align:left;display:flex;justify-content:space-between;padding:17px}.article-preview{margin-top:18px;padding:17px;background:#221d2a;border:1px solid #484050;border-radius:9px}.article-preview h3{font-size:17px;margin:0 0 6px}.article-preview p{font-size:12px;line-height:1.6;color:#aaa2b3;margin:6px 0}.preview-scroll{max-height:185px;overflow:auto;margin-top:12px;padding-top:12px;border-top:1px solid #393240}.preview-scroll div{padding:6px 0;border-bottom:1px solid #38303f;font-size:11px;color:#a6a0b3}.preview-scroll b{color:#e6b450}.advanced-step{margin-top:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{min-width:0}.consent{display:flex;align-items:start;gap:10px;margin:23px 0;color:#b9b0bd;font-size:11px;line-height:1.6;cursor:pointer}.consent input{accent-color:#e6b450;margin-top:3px}.fine-print{color:#82788d;line-height:1.6;font-size:10px;margin-bottom:0}.stack{display:grid;gap:20px}.muted{color:#a89eae;line-height:1.65;font-size:12px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.file-label{cursor:pointer;display:inline-flex;align-items:center}.storage-summary{color:#a199aa;font-size:11px;border-top:1px solid #3c3542;margin-top:18px;padding-top:17px}.footage-results{margin-top:10px;max-height:270px;overflow:auto}.footage-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #352f3b;padding:11px 2px}.footage-item>div{flex:1;min-width:0}.footage-item b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footage-item small{display:block;font-size:10px;color:#91879f}.footage-item button{color:#e6b450;background:#2b2733;border:0;padding:8px;border-radius:6px;font-size:10px}.empty-state{text-align:center;color:#aaa1b0;padding:38px 8px}.empty-state div{font-size:42px;color:#e6b450}.empty-state p{margin:12px 0 5px;font-weight:700}.empty-state small{font-size:11px}.locked{display:flex;gap:25px;max-width:630px;align-items:center;padding:33px}.locked h2{margin:0}.locked p{color:#aaa0b3;line-height:1.7;font-size:13px}.lock-icon{font-size:56px;color:#e6b450}.job-status{padding:14px;border:1px solid #514457;background:#241f2a;border-radius:9px;color:#b9b0be;line-height:1.5;font-size:12px}.job-status strong{display:block;color:white;font-size:15px;margin-bottom:4px}.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.lib-card{background:#131721;border:1px solid #3a303f;border-radius:12px;overflow:hidden}.lib-preview{background:#0d0b13;aspect-ratio:16/10;display:grid;place-items:center;color:#e6b450;font-size:40px}.lib-body{padding:16px}.lib-body h3{margin:0;font-size:14px;line-height:1.4}.lib-body p{color:#a499ad;font-size:11px}.lib-tag{color:#e6b450;font-size:10px;margin-top:10px}.lib-card .button-row{margin-top:14px}.lib-card .outline-button{padding:8px;font-size:10px}.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:16px}.modal-backdrop{background:#05030bdb;inset:0;position:absolute;backdrop-filter:blur(9px)}.modal-content{position:relative;background:#211c2a;border:1px solid #605169;border-radius:19px;padding:38px;width:min(100%,430px);box-shadow:0 22px 90px #0009}.modal-content h2{font-size:34px;line-height:1.1;letter-spacing:-1.1px}.modal-content p{color:#b3a8b9;font-size:13px;line-height:1.7}.modal-content input{margin:5px 0 12px}.modal-close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:#eee;font-size:27px}.error-message{color:#ff9696!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 20px;border:1px solid #776785;border-radius:12px;background:#2e2638;color:#f2eaf9;z-index:40;font-size:12px;max-width:90vw}.bottom-nav{display:none}
@media(max-width:1250px){.feed-page{grid-template-columns:minmax(150px,1fr) minmax(300px,390px);padding:17px 24px}.feed-aside{display:none}}
@media(max-width:960px){.shell{grid-template-columns:77px minmax(0,1fr)}.sidebar{padding:25px 12px}.wordmark{justify-content:center}.wordmark>span:nth-child(2),.sep,.sidebar-bottom,.nav-item span:not(.ico),.nav-hot{display:none!important}.sidebar nav{margin-top:35px}.nav-item{justify-content:center}.studio-grid{grid-template-columns:1fr}.feed-page{grid-template-columns:1fr}.feed-rail{display:none}.phone-outline{height:calc(100dvh - 110px)}.topbar{padding:0 18px}}
@media(max-width:620px){.shell{display:block}.sidebar,.topbar{display:none}.page{min-height:100dvh}.feed-page{display:block;padding:0}.phone-outline{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.feed-center{display:block}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:6;align-items:center;justify-content:space-around;background:#0d0b12db;border-top:1px solid #ffffff24;padding:10px 5px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.bottom-nav button{display:flex;flex-direction:column;gap:3px;align-items:center;color:#b2a8b9;background:transparent;border:0;font-size:10px;min-width:70px}.bottom-nav button b{font-size:21px}.bottom-nav button.active{color:#e6b450}.video-foot{bottom:100px}.video-controls{bottom:197px}.studio-page,.library-page{padding:35px 16px 110px}.section-header h1{font-size:50px;margin:15px 0}.panel{padding:20px}.locked{display:block}.lock-icon{margin-bottom:20px}.form-grid{grid-template-columns:1fr 1fr}.modal-content{padding:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.music-help{display:block;margin-top:7px;color:var(--ayu-muted);font-size:10px;line-height:1.5}
.music-controls{display:grid;gap:12px}
.music-dropzone{display:grid;gap:4px;padding:13px 15px;border:1px dashed var(--ayu-line);border-radius:9px;background:var(--ayu-panel);cursor:pointer;transition:border-color .15s,background .15s}
.music-dropzone:hover,.music-dropzone.dragging{border-color:var(--ayu-accent);background:var(--ayu-panel-2)}
.music-dropzone strong{font-size:12px;color:var(--ayu-ink)}
.music-dropzone span,.music-dropzone small{font-size:10px;line-height:1.5;color:var(--ayu-muted)}
.music-dropzone:focus-within{outline:2px solid var(--ayu-accent);outline-offset:2px}

/* Match the Theme Lab's screenprint surface layer. */
body{position:relative;isolation:isolate;overflow-x:hidden}
body::before{content:none}
.grain{position:fixed;inset:0;z-index:20;pointer-events:none;background-image:var(--theme-grain-image);background-position:0 0;background-repeat:repeat;background-size:var(--theme-grain-size);opacity:var(--theme-grain-opacity);mix-blend-mode:normal}
.shell{position:relative;z-index:auto}
/* Keep article copy readable and within narrow screens. */
.video-foot{min-width:0;overflow-wrap:anywhere;word-break:normal}
.video-foot h3{font-size:19px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}
.video-foot .handle,.source-link{overflow-wrap:anywhere;word-break:break-word}
.article-preview,.article-preview *{min-width:0;max-width:100%}
.preview-scroll{font-size:14px;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}
.preview-scroll div{font-size:14px;line-height:1.65}
.article-toggle{margin-top:14px}
@media(max-width:620px){.video-foot h3{font-size:20px}}

/* Ayu Dark palette and the Theme Lab print recipe. */
@font-face{font-family:Inter;src:url('/static/fonts/inter-e3237528af.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Rye;src:url('/static/fonts/rye-ac58932520.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/static/fonts/ibmplexmono-eb889034c0.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{--ayu-bg:#0d1017;--ayu-panel:#131721;--ayu-panel-2:color-mix(in srgb,#131721 72%,#bfbdb6 28%);--ayu-accent:#e6b450;--ayu-ink:#bfbdb6;--ayu-muted:color-mix(in srgb,#bfbdb6 55%,#0d1017);--ayu-line:color-mix(in srgb,#bfbdb6 28%,#0d1017);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ayu-ink);background:var(--ayu-bg);font-synthesis:none}
body{background:var(--ayu-bg);color:var(--ayu-ink)}
body::before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;background-image:var(--theme-grain-image);background-size:var(--theme-grain-size) var(--theme-grain-size);background-repeat:repeat;opacity:var(--theme-grain-opacity);mix-blend-mode:normal}
.eyebrow,.tiny-label,.field-label,.nav-hot,.rail-help span,.panel-step>span,.video-foot .handle,.lib-tag{font-family:'IBM Plex Mono',ui-monospace,monospace}
.feed-heading h1,.section-header h1,.modal-content h2{font-family:Rye,Georgia,serif;font-weight:400;letter-spacing:-.045em;text-shadow:none}
.heading-wear-word{display:inline-block;white-space:nowrap;vertical-align:baseline}
.heading-wear-glyph,.heading-wear-glyph-last{display:inline-block;padding:.18em .24em .3em;margin:-.18em -.24em -.3em;overflow:visible;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:baseline}
.heading-wear-glyph,.heading-wear-glyph-last{background-image:linear-gradient(currentColor,currentColor),var(--texture-image,none);background-position:var(--texture-position,0 0);background-repeat:var(--texture-repeat,repeat);background-size:var(--texture-size,auto);background-blend-mode:normal,soft-light;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html:not([data-heading-texture="none"]) .heading-wear-glyph{-webkit-mask-image:var(--texture-heading-image,none);-webkit-mask-position:var(--heading-wear-position,var(--texture-heading-position,0 0));-webkit-mask-repeat:var(--texture-heading-repeat,repeat);-webkit-mask-size:var(--texture-heading-size,auto);mask-image:var(--texture-heading-image,none);mask-position:var(--heading-wear-position,var(--texture-heading-position,0 0));mask-repeat:var(--texture-heading-repeat,repeat);mask-size:var(--texture-heading-size,auto)}
.feed-heading h1 em,.section-header h1 em,.modal-content h2 em{color:var(--ayu-accent)}
.sidebar,.aside-card,.panel,.modal-content,.lib-card{background:var(--ayu-panel);border-color:var(--ayu-line)}
.nav-item{color:var(--ayu-muted)}
.nav-item:hover,.nav-item.active,.panel-step>span,.rail-help span,.article-preview,.job-status,.footage-item button{background:var(--ayu-panel-2)}
.nav-item:hover,.nav-item.active,.top-left #top-section,.account-copy b,.panel-step h2,.aside-card h3,.article-preview h3,.job-status strong,.lib-body h3{color:var(--ayu-ink)}
.nav-item.active{box-shadow:inset 3px 0 var(--ayu-accent)}
.topbar{border-color:var(--ayu-line);background:color-mix(in srgb,var(--ayu-bg) 90%,transparent)}
.sep,.account,.aside-rule,.storage-summary,.preview-scroll{border-color:var(--ayu-line)}
.top-left,.top-right,.sidebar-bottom p,.feed-heading p,.section-header p,.aside-card p,.muted,.consent,.article-preview p,.preview-scroll div,.footage-item small,.empty-state,.locked p,.lib-body p,.modal-content p{color:var(--ayu-muted)}
.outline-button{border-color:var(--ayu-line);color:var(--ayu-ink)}
.outline-button:hover{border-color:var(--ayu-accent)}
.primary-button{background:var(--ayu-accent);color:var(--ayu-bg)}
.primary-button:hover{background:#f0c674}
input:not([type=checkbox]):not([type=file]),select{background:var(--ayu-bg);border-color:var(--ayu-line);color:var(--ayu-ink)}
input:focus,select:focus{border-color:var(--ayu-accent)!important}
.lock-icon,.panel-step>span,.nav-hot,.quiet-button,.empty-state div,.footage-item button,.lib-tag,.preview-scroll b{color:var(--ayu-accent)}
.status-dot,.progress-fill{background:var(--ayu-accent)}
.status-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--ayu-accent) 10%,transparent)}
.phone-outline{border-color:var(--ayu-panel-2);box-shadow:0 20px 60px #0009,0 0 0 1px var(--ayu-line)}
.bottom-nav{background:color-mix(in srgb,var(--ayu-bg) 88%,transparent)}
.bottom-nav button{color:var(--ayu-muted)}
.bottom-nav button.active{color:var(--ayu-accent)}
.article-preview{border-color:var(--ayu-line)}
.job-status,.footage-item button,.lib-card{border-color:var(--ayu-line)}
.modal-content{background:var(--ayu-panel);border-color:var(--ayu-line)}
.modal-close{color:var(--ayu-ink)}

/* Bring the remaining app chrome into the same four Ayu Dark roles. */
.logo-mark{background:var(--ayu-accent);color:var(--ayu-bg)}
.wordmark small,.tiny-label,.eyebrow,.field-label{color:var(--ayu-muted)}
.nav-item:hover,.nav-item.active,.panel-step>span,.rail-help span,.article-preview,.job-status,.footage-item button{background:var(--ayu-panel-2)}
.sidebar,.panel,.aside-card,.modal-content,.lib-card{box-shadow:0 18px 55px #07070d55}
.sep,.account,.aside-rule,.storage-summary,.preview-scroll,.footage-item{border-color:var(--ayu-line)}
.account .avatar{background:var(--ayu-panel-2);color:var(--ayu-accent)}
.rail-help span{border-color:var(--ayu-line);color:var(--ayu-ink)}
.phone-outline{background:var(--ayu-bg);border-color:var(--ayu-panel-2)}
.aside-card{border-color:var(--ayu-line)}
.panel-step>span{border-color:var(--ayu-line)}
.article-preview{border-color:var(--ayu-line)}
.job-status{border-color:var(--ayu-line);color:var(--ayu-muted)}
.footage-item button{color:var(--ayu-accent)}
.lib-preview{background:var(--ayu-bg);color:var(--ayu-accent)}
.modal-backdrop{background:color-mix(in srgb,var(--ayu-bg) 86%,transparent)}
.modal-content{background:var(--ayu-panel);border-color:var(--ayu-line)}
.toast{background:var(--ayu-panel-2);border-color:var(--ayu-line);color:var(--ayu-ink)}

.voice-picker{min-width:0}.voice-picker label{display:block}.voice-picker-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.voice-picker-controls .outline-button{padding:12px 10px;white-space:nowrap}.voice-picker small{display:block;min-height:1.2em;margin-top:5px;color:#a89eae;font-size:10px;line-height:1.4}.voice-picker audio{display:none}

/* Feed first: a full-height vertical viewer with familiar creator navigation. */
.shell{grid-template-columns:220px minmax(0,1fr)}
.sidebar{padding:26px 16px 20px}
.sidebar nav{gap:5px}
.nav-item{padding:12px;border-radius:9px}
.account{margin-top:0}
.topbar{height:56px;padding:0 28px;background:var(--ayu-bg);border-color:var(--ayu-line)}
.top-left{gap:14px}
.top-left #top-section{font-size:13px;color:var(--ayu-ink)}
.mobile-wordmark{display:none;text-decoration:none;color:var(--ayu-ink);font-weight:800;letter-spacing:-.04em}
.top-right{font:10px 'IBM Plex Mono',ui-monospace,monospace;color:var(--ayu-muted)}
.feed-page{display:flex;align-items:center;justify-content:center;height:calc(100dvh - 56px);min-height:0;padding:8px 20px}
.feed-center{height:100%;width:100%;justify-content:center;align-items:center}
.phone-outline{width:min(100%,calc((100dvh - 72px)*.5625));height:min(100%,calc(100dvh - 72px));aspect-ratio:9/16;border:1px solid var(--ayu-line);border-radius:16px;box-shadow:0 12px 50px #0007;overflow:hidden}
.feed{height:100%;overscroll-behavior-y:contain;scroll-snap-type:y mandatory}
.short{height:100%;min-height:100%;background:#0d1017}
.video-controls{right:14px;bottom:128px}
.video-foot{bottom:24px}
.loading{font-size:13px;color:var(--ayu-ink)}
@media(max-width:960px) and (min-width:621px){.shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:22px 10px}.wordmark{justify-content:center}.wordmark>span:nth-child(2),.sep,.sidebar-bottom,.nav-item span:not(.ico){display:none!important}.sidebar nav{margin-top:20px}.nav-item{justify-content:center}.feed-page{height:calc(100dvh - 56px);padding:8px 10px}.phone-outline{height:calc(100dvh - 72px)}}
@media(max-width:620px){
 .shell{display:block;min-height:100dvh}
 .sidebar{display:none}
 .main{min-height:100dvh}
 .topbar{display:flex;position:fixed;inset:0 0 auto;height:56px;z-index:5;padding:0 18px;border:0;background:linear-gradient(180deg,#0d1017c9,transparent)}
 .top-left{width:100%;justify-content:center;gap:15px}
 .mobile-wordmark{display:inline}
 .top-divider{height:16px;border-color:#bfbdb655}
 .top-left #top-section{font-size:13px;color:#fff}
 .top-right{display:none}
 .page{min-height:100dvh}
 .feed-page{display:block;width:100%;height:100dvh;padding:0}
 .feed-center{display:block;width:100%;height:100dvh}
 .phone-outline{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}
 .feed{height:100dvh}
 .short{height:100dvh;min-height:100dvh}
 .video-foot{bottom:calc(82px + env(safe-area-inset-bottom));left:17px;right:70px}
 .video-foot h3{font-size:19px}
 .video-controls{right:12px;bottom:calc(166px + env(safe-area-inset-bottom))}
 .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8;justify-content:space-around;padding:9px 5px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#0d1017f2,#0d1017c9);border-top:1px solid #bfbdb622;backdrop-filter:blur(12px)}
 .bottom-nav button{color:#bfbdb6;background:transparent}
 .bottom-nav button.active{color:#e6b450}
 .studio-page,.library-page{padding:72px 16px 100px}
}
.video-foot .handle{display:flex;align-items:center;gap:8px}
.source-favicon{width:18px;height:18px;object-fit:contain;border-radius:50%;background:#f4f0e8;padding:2px;flex:none}

/* Article import metadata and generated video posters. */
.article-status{min-height:1.4em;margin:8px 0 0;color:var(--ayu-muted,#a89eae);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.article-meta{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:start}
.article-favicon{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ayu-line,#39313e);border-radius:11px;background:var(--ayu-bg,#0d1017);color:var(--ayu-accent,#e6b450);font-size:20px;font-weight:800;overflow:hidden}
.article-favicon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5px;background:var(--ayu-bg,#0d1017)}
.article-meta-copy{min-width:0}.article-site,.lib-source{display:flex;align-items:center;gap:7px;color:var(--ayu-accent,#e6b450);font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.article-meta-copy h3{margin:4px 0 6px;overflow-wrap:anywhere;word-break:break-word}
.article-preview .article-description{margin:0;font-size:14px;line-height:1.55;color:var(--ayu-ink,#d5d2ca);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.article-preview .article-byline{margin-top:12px;padding-top:10px;border-top:1px solid var(--ayu-line,#39313e)}
.lib-preview{display:block;aspect-ratio:9/16;max-height:280px;overflow:hidden}
.lib-preview img{display:block;width:100%;height:100%;object-fit:cover}
.lib-source{margin-bottom:9px;color:var(--ayu-muted,#a89eae);font-size:10px}
.lib-source img{width:18px;height:18px;object-fit:contain;border-radius:4px;background:var(--ayu-bg,#0d1017)}
.job-actions{align-items:center}.job-poster{display:block;width:min(100%,220px);max-height:340px;aspect-ratio:9/16;object-fit:cover;border:1px solid var(--ayu-line,#39313e);border-radius:10px;background:var(--ayu-bg,#0d1017);margin:0 auto 10px}
@media(max-width:620px){.article-meta{grid-template-columns:42px minmax(0,1fr);gap:10px}.article-favicon{width:42px;height:42px}.lib-preview{max-height:240px}}

/* Use the same single texture layer and stacking order as themes.waylonwalker.com. */
body::before{content:none!important}