@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Roboto:wght@400;500;600;700&display=swap');
:root{--ink:#23251f;--muted:#7d8176;--paper:#f6f7f2;--line:#e5e8de;--green:#d9fa70;--deep:#293121;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #7d962b;outline-offset:3px}input:focus,textarea:focus{outline:none;border-color:#a6be68;box-shadow:0 0 0 3px #d9fa7038}button{border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input,textarea{transition:background .15s,border-color .15s,box-shadow .15s}button:hover{filter:brightness(.97)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#eef0e7;border-right:1px solid #e1e4d8;display:flex;flex-direction:column;padding:36px 22px;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:800 22px/1 'Manrope',var(--font);letter-spacing:-1.1px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--green);border-radius:10px;font-size:36px;line-height:1;padding:0 0 5px 2px;letter-spacing:0}.brand-sub{display:block;font:650 9px var(--font);letter-spacing:4px;margin-top:7px}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#929887;font-weight:650;margin:56px 14px 16px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:9px;color:#747b69;text-align:left;font-weight:550;margin:4px 0}.nav-item>span:first-child{font-size:20px;font-weight:400}.nav-item.active{color:#29321f;background:#e0e6d3}.nav-item:hover{background:#e5e9db}.count{font-size:11px;background:#d8dfca;border-radius:5px;padding:2px 6px;margin-left:auto}.side-note{margin-top:auto;background:#e6eadc;border:1px solid #dce1d0;border-radius:13px;padding:18px}.small-orbit{display:block;font-size:28px;color:#667748;margin-bottom:16px}.side-note strong{display:block;font-size:13px;line-height:1.5}.side-note p{color:#879078;font-size:12px;line-height:1.7;margin-top:6px}.sidebar-bottom{margin-top:23px;padding:0 6px}.quiet{display:block;color:#606b54;font-size:12px;padding:6px 0}.local-status{display:flex;align-items:center;gap:6px;color:#89917e;font-size:10px;margin-top:17px}.local-status span,.preview-foot i{width:5px;height:5px;border-radius:50%;background:#7e9b44;display:inline-block}main{margin-left:230px}.topbar{height:77px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#92988b;font-size:12px}.breadcrumb span{margin:0 12px;color:#bdc2b5}.breadcrumb strong{font-weight:500;color:#565f4e}.personal{font-size:9px;letter-spacing:1.6px;color:#838d76;display:flex;align-items:center;gap:17px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#e8ecde;border:1px solid #dce2cf;border-radius:50%;font-weight:600;font-size:11px;letter-spacing:0}.page{padding:40px 42px 0;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#899278;margin-bottom:12px}h1{font:750 clamp(26px,2.65vw,42px)/1.2 'Manrope',var(--font);letter-spacing:-1.5px}h1>span{color:#91ae52}.page-heading p{color:#899080;margin-top:12px;font-size:13px}.primary,.secondary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 17px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:var(--green);color:#344023}.secondary{background:#fff;border:1px solid #dfe4d6;color:#66705b}.studio-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 3px 6px #424b2210}.editor{padding:22px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.step{width:25px;height:25px;display:grid;place-items:center;background:#edf1e6;border-radius:6px;font-size:10px;color:#78886a}.panel-heading h2{font-size:14px;font-weight:650}.editing{font-size:9px;color:#949b89;margin-left:auto;background:#f5f6f1;padding:4px 7px;border-radius:4px}.field-label{display:block;font-size:11px;font-weight:600;color:#535d49;margin-bottom:8px}.upload-wrap{position:relative;border:1px dashed #cbd3bd;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#f7f9f2}.upload-wrap:hover,.upload-wrap.dragging{border-color:#88a84c;background:#f1f6e5}.upload-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.upload-wrap:focus-within{outline:3px solid #d9fa70}.upload-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#8e9880}.upload-empty strong{color:#5f6a50;font-size:12px;font-weight:550}.upload-empty u{color:#7d914d;text-underline-offset:3px}.upload-icon{font-size:23px;background:#e8eedb;color:#879a66;width:35px;height:35px;border-radius:9px;display:grid;place-items:center;margin-bottom:4px}.upload-empty small{font-size:8px;color:#a0a993;margin-top:5px}.upload-wrap img{width:100%;height:100%;object-fit:cover}.replace-image{position:absolute;bottom:8px;right:8px;padding:6px 9px;border-radius:5px;background:#1d241cba;color:white;font-size:9px;pointer-events:none}.image-meta{margin:8px 0 20px;font-size:8px;color:#a0a792;line-height:1.6}.text-button{font-size:9px;padding:4px 0;display:block;color:#7b904d}.label-row{display:flex;justify-content:space-between}.label-row>span{font-size:9px;color:#a0a88f}.label-row>span.long{color:#aa6a31}textarea,input{border:1px solid #e1e6d8;background:#fcfdfa;border-radius:7px;padding:11px;color:#434a3a;width:100%;font-size:12px;line-height:1.6}textarea{resize:vertical;min-height:70px}textarea::placeholder,input::placeholder{color:#a4ac99}.details-row{margin:18px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:#a1a992;font-size:9px;margin-left:5px}.save-button{width:100%;margin-top:17px;justify-content:space-between;padding:13px 14px}.save-hint{font-size:8px;color:#9da58f;text-align:center;margin-top:10px;line-height:1.6}.preview-panel{overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 19px}.preview-heading .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.8px}.preview-heading h2{font:700 21px 'Manrope',var(--font);letter-spacing:-.6px}.theme-switch{display:flex;gap:4px;background:#f0f3ea;padding:3px;border-radius:7px}.theme-switch button{width:28px;height:26px;border-radius:5px;font-size:17px;color:#89927c}.theme-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #25321512;color:#556249}.preview-tabs{display:flex;gap:4px;padding:0 22px 17px;flex-wrap:wrap}.preview-tabs button{padding:9px 12px;font-size:10px;border-radius:7px;color:#8b9480;white-space:nowrap}.preview-tabs button[aria-selected=true]{background:#eaf0dd;color:#576c35;font-weight:600}.preview-canvas{margin:0 22px 22px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:9px;color:#141414;min-height:510px;overflow:hidden;font-family:Arial,sans-serif}.preview-foot{display:flex;justify-content:space-between;padding:0 25px 21px;color:#9ca48e;font-size:8px;gap:10px}.preview-foot>span:first-child{display:flex;align-items:center;gap:6px;white-space:nowrap}.yt-top{height:51px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #efefef;background:white}.hamburger{font-size:16px;color:#777}.yt-logo{font-size:16px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.yt-play{background:#f03;color:white;border-radius:5px;padding:1px 5px;font-size:13px;letter-spacing:0;margin-right:3px}.yt-search{border:1px solid #dedede;border-radius:25px;padding:7px 13px;font-size:10px;color:#888;margin:auto;width:40%;display:flex;justify-content:space-between}.yt-person{width:22px;height:22px;border-radius:50%;background:#bdc7b6;color:#fff;font-size:10px;display:grid;place-items:center}.feed-body{display:flex}.yt-rail{width:50px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:25px;background:white;font-size:14px;color:#838383}.yt-rail span{font-size:7px;display:block;text-align:center;margin-top:5px}.feed-main{padding:15px 15px 20px;flex:1;min-width:0}.chips{display:flex;gap:7px;margin-bottom:17px;font-size:9px;overflow:hidden;white-space:nowrap}.chips span{border-radius:5px;padding:6px 9px;background:#ececec;color:#333}.chips span:first-child{background:#191919;color:#fff}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.thumb{width:100%;aspect-ratio:16/9;border-radius:6px;position:relative;overflow:hidden;background:#eaeee3}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.time{position:absolute;bottom:5px;right:5px;background:#000c;color:white;border-radius:3px;padding:2px 4px;font-size:8px}.video-body{display:flex;align-items:flex-start;gap:7px;margin-top:8px;position:relative}.channel-dot{height:23px;width:23px;border-radius:50%;background:#dadace;display:grid;place-items:center;color:#727862;font-size:9px;flex-shrink:0}.video-copy{flex:1;min-width:0;padding-right:7px}.video-title{font-size:10px;font-weight:600;line-height:1.4;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.video-meta{font-size:8px;line-height:1.5;color:#777;margin-top:4px;overflow-wrap:anywhere}.dots{font-size:13px;position:absolute;right:-3px;top:0}.your-card{position:relative}.your-label{display:inline-block;margin:8px 0 0;padding:3px 6px;border-radius:3px;font-size:7px;letter-spacing:.4px;background:#e7f4c6;color:#648338;font-family:var(--font)}.placeholder-art{height:100%;display:flex;align-items:center;justify-content:center;background:#eaf0dd;color:#94a67b;font:600 12px var(--font);text-align:center;padding:15px}.sample-art{height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px;font:bold clamp(11px,1.6vw,21px)/.98 'Manrope',Arial;text-align:center;letter-spacing:-1px}.sample-art:before{content:'';width:65%;aspect-ratio:1;border-radius:50%;position:absolute;right:-10%;top:10%;box-shadow:0 0 0 14px #ffffff12,0 0 0 28px #ffffff08}.sample-art strong{position:relative;text-shadow:0 2px 6px #0005}.sample-art.coral{background:linear-gradient(135deg,#734b37,#dfa071);color:#fff0d5}.sample-art.blue{background:linear-gradient(135deg,#182739,#6d88a1);color:#ebf1f9}.sample-art.lilac{background:linear-gradient(125deg,#535360,#a9a9b7);color:#f1faee}.sample-art.lime{background:linear-gradient(135deg,#3f5938,#adc88a);color:#f3fbd8}.sample-art.orange{background:linear-gradient(135deg,#745f3a,#c3a15e);color:#fff3d0}.bottom-tip{display:flex;gap:12px;align-items:center;color:#929d80;font-size:10px;margin:24px 2px}.bottom-tip>span{font-size:22px}.bottom-tip strong{color:#798866;font-weight:600;margin-right:4px}footer{font-size:9px;color:#a5ad97;text-align:center;margin:32px 25px 24px}.preview-canvas.dark{background:#151515;color:#f1f1f1;border-color:#303030}.dark .yt-top,.dark .yt-rail{background:#191919;border-color:#333}.dark .yt-search{border-color:#444;color:#999}.dark .chips span{background:#303030;color:#eee}.dark .chips span:first-child{background:#eee;color:#111}.dark .video-meta{color:#aaa}.mobile-stage{padding:22px;display:flex;justify-content:center;background:#eef0e9;min-height:540px}.dark .mobile-stage{background:#222}.phone{width:294px;max-width:100%;border:6px solid #2c2f29;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 10px 25px #2222}.dark .phone{background:#161616}.phone .yt-top{height:42px;padding:0 13px}.phone .yt-search{display:none}.phone-status{height:20px;font-size:8px;display:flex;justify-content:space-between;padding:5px 12px;color:#535b47}.dark .phone-status{color:#ccc}.phone-feed{padding:9px}.phone .thumb{border-radius:7px}.phone .video-title{font-size:12px}.phone .video-meta{font-size:9px}.phone .video-body{margin:8px 0 15px}.phone-nav{display:flex;justify-content:space-around;padding:10px;background:#fafafa;font-size:13px;border-top:1px solid #eee}.dark .phone-nav{background:#1f1f1f;border-color:#333}.phone-nav small{display:block;font-size:7px;margin-top:4px}.search-feed{padding:20px}.search-row{display:flex;gap:15px;margin-bottom:22px}.search-row .thumb{width:43%;flex-shrink:0}.search-row .video-body{flex:1;min-width:0}.search-row .video-title{font-size:14px}.search-row .channel-dot{display:none}.search-row .video-meta{font-size:10px;margin-top:8px}.mock-description{font-size:9px;color:#888;margin-top:15px;line-height:1.6}.suggested-layout{display:flex;gap:16px;padding:20px}.watch-area{flex:1;min-width:0}.watch-placeholder{height:180px;background:linear-gradient(140deg,#3d4345,#152126);display:grid;place-items:center;color:#b8c5bd;font-size:38px;border-radius:8px}.watch-area h3{font-size:13px;margin:12px 0;line-height:1.5}.watch-area p{color:#888;font-size:9px;line-height:1.6}.suggested-list{width:54%;min-width:0}.suggested-list .search-row{gap:8px;margin-bottom:14px}.suggested-list .thumb{width:47%}.suggested-list .video-title{font-size:10px}.suggested-list .video-meta{font-size:8px;margin-top:4px}.suggested-list .video-body{margin-top:0}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.library-toolbar h2{font-size:15px;font-weight:600}.library-toolbar h2 span{margin-left:8px;font-size:12px;background:#e8eddd;padding:3px 7px;border-radius:5px;color:#81905c}.library-toolbar input{max-width:290px;background:#fff;font-size:11px}.ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.idea-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.idea-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.idea-content{padding:19px}.idea-date{font-size:9px;color:#a3ac91;margin-bottom:12px}.idea-content label{font-size:9px;color:#899478;display:block;margin-bottom:6px}.idea-content textarea{width:100%;font-size:13px;color:#414b35;min-height:60px;margin-bottom:13px}.idea-content .idea-notes{font-size:11px;color:#818a76;min-height:80px}.idea-actions{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.idea-actions .secondary{font-size:10px;padding:9px 13px}.delete-button{color:#9b9e92;font-size:10px;border-radius:7px;padding:8px}.delete-button:hover{color:#ab573e;background:#fff3ed}.empty-library{grid-column:1/-1;min-height:300px;border:1px dashed #d7dfc9;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#8c9879;text-align:center;padding:30px}.empty-library .symbol{font-size:40px;color:#8d9f6d}.empty-library h3{font:700 23px 'Manrope',var(--font);color:#586a42}.empty-library p{font-size:12px;line-height:1.7;max-width:300px}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);background:#2e3726;color:#f3f8e9;border:1px solid #48563b;border-radius:10px;box-shadow:0 8px 30px #0003;padding:14px 20px;z-index:100;display:flex;align-items:center;gap:20px;max-width:90vw;font-size:12px}.toast button{color:#d9fa70;font-weight:600;padding:3px}dialog{border:1px solid #dce4cb;border-radius:15px;padding:28px;max-width:500px;background:#fafcf6;color:#3a4630}dialog::backdrop{background:#1d261d66;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin-bottom:12px}dialog p{color:#899478;font-size:13px;line-height:1.6}.dialog-actions{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
@media(min-width:1550px){.studio-layout{grid-template-columns:350px minmax(0,1fr)}.preview-canvas{min-height:570px}.video-title{font-size:13px}.video-meta{font-size:10px}.feed-grid{gap:24px 16px}.feed-main{padding:22px}.yt-top{height:60px}}
@media(max-width:1180px){.sidebar{width:195px;padding:30px 16px}.brand{font-size:19px}.brand-mark{width:31px;height:31px}.brand-sub{letter-spacing:3px}main{margin-left:195px}.topbar{padding:0 25px}.page{padding:30px 25px 0}.studio-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.editor{padding:18px}.preview-heading{padding:22px 18px 16px}.preview-tabs{padding:0 14px 13px;gap:0}.preview-tabs button{padding:8px;font-size:9px}.preview-canvas{margin:0 14px 18px;min-height:450px}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-rail{width:35px}.feed-main{padding:12px}.sample-art{font-size:17px}.preview-foot{padding:0 16px 18px}.preview-foot>span:last-child{max-width:140px;text-align:right;line-height:1.6}.ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suggested-layout{flex-direction:column}.watch-area{display:none}.suggested-list{width:100%}.suggested-list .video-title{font-size:12px}}
@media(max-width:850px){.sidebar{position:relative;width:auto;inset:auto;flex-direction:row;align-items:center;padding:18px 23px;gap:25px;border-right:none;border-bottom:1px solid var(--line)}.nav-caption,.side-note,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-left:auto}.nav-item{width:auto;font-size:11px;padding:10px}.nav-item>span:first-child{font-size:15px}.brand{font-size:17px}.brand-sub{font-size:7px;margin-top:5px}.count{margin-left:2px}main{margin-left:0}.topbar{height:52px}.personal{font-size:8px}.avatar{display:none}.page{padding-top:28px}.studio-layout{grid-template-columns:280px minmax(0,1fr)}.toast{left:50%}.page-heading .secondary{font-size:10px;padding:10px}h1{font-size:29px}.page-heading p{font-size:11px}.search-row .video-title{font-size:12px}}
@media(max-width:660px){.sidebar{padding:14px 16px;gap:10px}.brand{font-size:15px;gap:7px}.brand-mark{width:27px;height:27px;font-size:28px}.nav-item{font-size:10px;gap:5px;padding:8px}.nav-item>span:first-child{display:none}.count{font-size:9px}.topbar{padding:0 18px}.personal{display:none}.page{padding:26px 16px 0}.page-heading{margin-bottom:22px;align-items:flex-start;gap:12px}h1{font-size:27px;letter-spacing:-1.2px}.page-heading .secondary{padding:9px;font-size:9px;gap:4px}.page-heading p{line-height:1.6;max-width:260px}.eyebrow{font-size:8px;letter-spacing:1.4px}.studio-layout{grid-template-columns:1fr}.editor{padding:20px}.upload-wrap{max-height:260px}.upload-empty strong{font-size:15px}.upload-empty{font-size:12px}.upload-empty small{font-size:10px}.upload-icon{width:43px;height:43px}.image-meta{font-size:10px}.text-button{font-size:11px}.field-label{font-size:12px}.save-hint{font-size:10px}.preview-canvas{min-height:460px}.preview-tabs{justify-content:space-between}.preview-tabs button{font-size:9px}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-rail{display:none}.video-title{font-size:11px}.video-meta{font-size:9px}.bottom-tip{line-height:1.7;font-size:10px}.bottom-tip strong{display:block}.ideas-grid{grid-template-columns:1fr}.library-toolbar{flex-direction:column;align-items:stretch}.library-toolbar input{max-width:none}.idea-content textarea{font-size:14px}.library-toolbar h2{font-size:15px}footer{line-height:1.7;font-size:10px}.mobile-stage{padding:20px 0}.yt-search{font-size:9px}.dialog-actions{flex-direction:column}.page-heading .primary{font-size:10px;padding:10px}.search-feed{padding:15px}.search-row{gap:10px}.mock-description{display:none}}
.mobile-backups{display:none}@media(max-width:850px){.mobile-backups{display:flex;justify-content:center;gap:20px;margin-top:12px}.mobile-backups button{font-size:11px;color:#6c7b53;padding:6px}}

/* Full-width previews keep thumbnails at a useful comparison size. */
.page{max-width:1900px;padding-left:32px;padding-right:32px}.studio-layout{grid-template-columns:minmax(0,1fr);gap:24px}.editor{display:grid;grid-template-columns:minmax(200px,.95fr) minmax(280px,1.2fr) minmax(220px,1fr);gap:0 28px;padding:24px}.panel-heading{grid-column:1/-1;margin-bottom:20px}.editor>div{min-width:0}.editor .image-meta{margin-bottom:0}.editor .details-row{margin:12px 0}.editor .split{margin-bottom:0}.editor-notes textarea{min-height:164px}.editor .save-hint{font-size:10px}.preview-actions{display:flex;align-items:center;gap:12px}.preview-actions .secondary{font-size:11px;padding:9px 12px}.preview-tabs button{font-size:12px;padding:10px 15px}.preview-canvas{min-height:570px;container-type:inline-size}.yt-top{height:64px;padding:0 24px;gap:20px}.yt-logo{font-size:23px}.yt-play{font-size:17px;border-radius:6px;padding:2px 7px}.yt-search{font-size:13px;padding:10px 18px}.yt-person{width:32px;height:32px;font-size:13px}.yt-rail{width:64px;font-size:22px;gap:28px}.yt-rail span{font-size:10px}.feed-main{padding:20px 24px 28px}.chips{font-size:12px;margin-bottom:22px;gap:9px}.chips span{padding:8px 12px;border-radius:7px}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.thumb{border-radius:11px}.time{font-size:12px;bottom:7px;right:7px}.video-body{gap:10px;margin-top:12px}.channel-dot{width:34px;height:34px;font-size:12px}.video-title{font-size:16px;line-height:1.4}.video-meta{font-size:13px;margin-top:6px;line-height:1.6}.dots{font-size:20px}.your-label{font-size:9px;padding:4px 7px;margin-top:8px}.placeholder-art{font-size:17px}.preview-foot{font-size:10px}.preview-foot>span:last-child{max-width:none}.reference-sources{border-top:1px solid var(--line);margin:0 24px 20px;padding-top:14px;color:#80916a;font-size:11px}.reference-sources summary{cursor:pointer;width:fit-content}.reference-sources a{display:block;font-size:11px;padding-top:9px;text-decoration:underline;text-underline-offset:3px}.reference-sources a:hover{color:#344023}.mobile-stage{padding:30px;min-height:650px}.phone{width:390px}.phone-status{height:26px;font-size:11px;padding:6px 16px}.phone .yt-top{height:54px;padding:0 16px;gap:10px}.phone .yt-logo{font-size:20px}.phone-feed{padding:12px}.phone .chips{font-size:11px;margin-bottom:15px}.phone .video-title{font-size:16px}.phone .video-meta{font-size:12px}.phone .video-body{margin:10px 0 23px}.phone .channel-dot{width:32px;height:32px}.phone-nav{font-size:18px}.phone-nav small{font-size:10px}.search-feed{padding:26px}.search-row{gap:24px;margin-bottom:28px}.search-row .thumb{width:42%;max-width:520px}.search-row>div{flex:1;min-width:0}.search-row .video-title{font-size:21px}.search-row .video-meta{font-size:13px}.mock-description{font-size:12px}.suggested-layout{flex-direction:row;padding:25px;gap:28px}.watch-area{display:block;flex:1.45}.watch-placeholder{height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:11px}.watch-placeholder .thumb{height:100%}.watch-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;padding:10px 16px;background:#000a;font-size:28px;color:white}.watch-area h3{font-size:19px}.watch-area p{font-size:13px}.suggested-list{flex:1;width:auto}.suggested-list .search-row{gap:12px;margin-bottom:19px}.suggested-list .thumb{width:46%}.suggested-list .video-title{font-size:14px}.suggested-list .video-meta{font-size:11px;margin-top:6px}.suggested-list .chips{font-size:11px}
.tablet-stage{background:#e9ece4;padding:30px;display:flex;justify-content:center}.dark .tablet-stage{background:#222}.tablet{width:1100px;max-width:100%;border:14px solid #252825;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #0003;position:relative}.dark .tablet{background:#151515}.tablet-status{display:flex;justify-content:space-between;padding:10px 22px;font-size:11px}.tablet .yt-top{height:58px}.tablet .feed-main{padding:18px}.tablet .yt-rail{width:56px}.tablet .feed-grid{gap:26px 17px}.tablet .video-title{font-size:15px}.tablet .video-meta{font-size:12px}.tablet .channel-dot{height:29px;width:29px}.tablet-home{display:flex;justify-content:center;padding:18px 0 10px}.tablet-home span{width:120px;height:5px;background:#222;border-radius:5px}.dark .tablet-home span{background:#ddd}
.tv-stage{padding:28px;background:#e9ece4}.dark .tv-stage{background:#222}.tv-screen{display:flex;background:#101010;color:#f1f1f1;border:10px solid #242424;border-radius:13px;aspect-ratio:16/9;min-height:480px;box-shadow:0 12px 28px #0003;overflow:hidden;max-width:1500px;margin:auto}.tv-rail{flex-shrink:0;width:85px;background:#161616;display:flex;align-items:center;flex-direction:column;gap:26px;padding:24px 10px;color:#888;font-size:25px}.tv-rail>span{text-align:center}.tv-rail small{display:block;font-size:10px;margin-top:7px}.tv-rail .tv-account{width:34px;height:34px;border-radius:50%;background:#879276;color:white;font-size:16px;display:grid;place-items:center;margin-bottom:10px}.tv-rail .tv-active{color:white}.tv-content{flex:1;min-width:0;padding:30px}.tv-heading{display:flex;gap:30px;align-items:center;margin-bottom:32px;font-size:13px;color:#9d9d9d}.tv-heading .yt-logo{color:#fff}.tv-clock{margin-left:auto}.tv-content h3{font-size:22px;font-weight:500;margin-bottom:20px}.tv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 22px}.tv-grid .video-title{font-size:16px;font-weight:400}.tv-grid .video-meta{font-size:12px;color:#aaa}.tv-grid .channel-dot,.tv-grid .dots{display:none}.tv-grid .your-card .thumb{outline:3px solid white;outline-offset:4px;box-shadow:0 0 0 6px #fff1}.tv-grid .your-label{background:#d9fa70;color:#344023}.tv-stand{width:22%;height:15px;background:#2a2a2a;border-radius:0 0 7px 7px;margin:0 auto}.preview-expanded{overflow:hidden}.preview-panel.expanded{position:fixed;inset:16px;z-index:50;overflow:auto;box-shadow:0 0 0 25px #1d261dbb,0 10px 60px #0004}.expanded .preview-heading{position:sticky;top:0;background:white;z-index:2}.expanded .preview-canvas{min-height:calc(100vh - 220px)}.expanded .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expanded .tv-stage{padding:24px}.expanded .tv-screen{max-width:1500px}
.tv-content{padding:20px;overflow-y:auto;scrollbar-width:thin}.tv-heading{margin-bottom:16px}.tv-grid{row-gap:22px}.tv-grid .video-body{position:static}.tv-grid .your-label{position:absolute;top:10px;left:10px;margin:0}.tv-content h3{margin-bottom:16px}
@container(max-width:900px){.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet .feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet .video-title{font-size:14px}.tv-content{padding:20px}.tv-rail{width:60px;gap:22px;font-size:20px}.tv-heading{margin-bottom:16px;gap:15px}.tv-content h3{font-size:19px}.tv-grid{gap:22px 15px}.tv-grid .video-title{font-size:13px}.tv-grid .video-meta{font-size:10px}.tv-grid .your-label{font-size:8px}.tv-screen{min-height:500px}.suggested-layout{gap:18px}.suggested-list .video-title{font-size:12px}.suggested-list .video-meta{font-size:10px}}
@media(max-width:1080px){.editor{grid-template-columns:1fr 1.3fr;gap:0 24px}.editor-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px;column-gap:22px;align-items:start;margin-top:20px}.editor-notes .field-label{grid-column:1/-1}.editor-notes textarea{grid-row:2/4;min-height:85px}.editor-notes .save-button{margin-top:0}.editor-notes .save-hint{grid-column:2}}
@media(max-width:850px){.page{padding-left:22px;padding-right:22px}.preview-panel.expanded{inset:8px}.preview-tabs button{font-size:11px}.feed-main{padding:18px}.video-title{font-size:15px}.video-meta{font-size:12px}.tablet-stage,.tv-stage{padding:20px}.tv-content{padding:20px}.search-row .video-title{font-size:17px}}
@media(max-width:660px){.page{padding-left:16px;padding-right:16px}.editor{display:block;padding:20px}.editor-thumbnail{margin-bottom:20px}.editor-notes{display:block;margin-top:20px}.editor-notes textarea{min-height:110px}.editor-notes .save-button{margin-top:15px}.editor .image-meta{font-size:10px}.preview-heading{padding:20px 16px;gap:12px}.preview-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.preview-actions .secondary{font-size:9px;padding:8px}.preview-tabs{justify-content:flex-start;padding-left:14px;gap:2px}.preview-tabs button{font-size:11px;padding:9px 11px}.preview-canvas{overflow-x:auto;min-height:480px}.preview-canvas[data-layout=home]>.yt-top,.preview-canvas[data-layout=home]>.feed-body{min-width:790px}.preview-canvas[data-layout=search]>.yt-top,.preview-canvas[data-layout=search]>.search-feed{min-width:730px}.preview-canvas[data-layout=suggested]>.yt-top,.preview-canvas[data-layout=suggested]>.suggested-layout{min-width:850px}.preview-canvas[data-layout=tablet] .tablet-stage{min-width:790px}.preview-canvas[data-layout=tv] .tv-stage{min-width:850px}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phone{width:360px}.mobile-stage{padding:20px 10px}.phone .video-title{font-size:15px}.phone .video-meta{font-size:11px}.preview-foot{font-size:9px;line-height:1.6}.preview-foot>span:last-child{max-width:180px}.preview-panel.expanded{inset:6px}.expanded .preview-canvas{min-height:calc(100vh - 230px)}.tablet .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* YouTube typography, artwork and controls within the device previews. */
.preview-canvas{font-family:Roboto,Arial,sans-serif;background:#fff;color:#0f0f0f;border-color:#ddd}.preview-canvas.dark{background:#0f0f0f;color:#f1f1f1;border-color:#303030}.ui-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.ui-icon svg{width:100%;height:100%;fill:currentColor}.ui-icon.menu svg,.ui-icon.search svg,.ui-icon.mic svg,.ui-icon.bell svg,.ui-icon.create svg,.ui-icon.cast svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ui-icon.verified{width:12px;height:12px;margin-left:4px;color:#606060}.dark .ui-icon.verified{color:#aaa}.yt-logo{display:inline-flex;width:93px;height:20px;flex-shrink:0;line-height:1}.yt-logo img{display:block;width:93px;height:20px}.yt-logo .logo-dark{display:none}.dark .yt-logo .logo-light{display:none}.dark .yt-logo .logo-dark{display:block}.yt-top{height:56px;padding:0 20px;gap:20px;background:#fff;border-bottom:0;color:#0f0f0f}.dark .yt-top{background:#0f0f0f;color:#f1f1f1;border:0}.yt-search-group{display:flex;align-items:center;gap:16px;width:55%;max-width:640px;margin-left:auto;margin-right:auto}.yt-search{height:40px;display:flex;align-items:center;width:100%;margin:0;padding:0 0 0 16px;border:1px solid #c6c6c6;box-shadow:inset 0 1px 2px #eee;font-size:16px;border-radius:40px;color:#606060;overflow:hidden}.search-end{height:40px;width:64px;display:flex;align-items:center;justify-content:center;border-left:1px solid #d3d3d3;background:#f8f8f8;flex-shrink:0;color:#0f0f0f}.yt-mic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f2f2f2;border-radius:50%;flex-shrink:0}.dark .yt-search{border-color:#303030;box-shadow:none;background:#121212;color:#888}.dark .search-end{background:#222;border-color:#303030;color:#f1f1f1}.dark .yt-mic{background:#272727}.yt-desktop-actions{display:flex;align-items:center;gap:18px}.yt-create{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:#f2f2f2;border-radius:22px;font-size:14px;font-weight:500;white-space:nowrap}.dark .yt-create{background:#272727}.yt-person{width:32px;height:32px;background:#48656b;font-size:16px;color:#fff}.yt-touch-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.yt-rail{width:72px;background:#fff;color:inherit;gap:0;padding-top:12px}.dark .yt-rail{background:#0f0f0f;color:#f1f1f1}.yt-rail>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:72px;height:74px}.yt-rail>div>span:not(.ui-icon){font-size:10px;margin-top:0;color:inherit}.feed-main{padding:10px 24px 28px}.chips{gap:12px;margin-bottom:24px;font-size:14px;font-weight:500;line-height:20px}.chips>span{padding:6px 12px;border-radius:8px;background:#f2f2f2;color:#0f0f0f}.chips>span:first-child{background:#0f0f0f;color:#fff}.dark .chips>span{background:#272727;color:#f1f1f1}.dark .chips>span:first-child{background:#f1f1f1;color:#0f0f0f}.feed-grid{gap:36px 20px}.thumb{border-radius:12px;background:#f1f1f1}.time{bottom:8px;right:8px;background:#000c;border-radius:4px;padding:1px 4px;font-size:12px;font-weight:500;line-height:18px;letter-spacing:.2px}.video-body{gap:12px;margin-top:12px;padding-right:28px}.channel-dot{width:36px;height:36px;background:#48656b;font-size:16px;color:#fff;overflow:hidden;flex-shrink:0}.channel-dot img{width:100%;height:100%;object-fit:cover}.video-copy{padding-right:0}.video-title{font-size:16px;font-weight:500;line-height:22px;letter-spacing:0;overflow-wrap:normal}.video-meta{font-size:14px;line-height:20px;color:#606060;margin-top:4px;font-weight:400}.channel-name{display:inline-flex;align-items:center;vertical-align:middle}.stats-line{white-space:nowrap}.dark .video-meta{color:#aaa}.dots{right:0;top:0;font-size:0}.dots .ui-icon{width:24px;height:24px}.placeholder-art{font-family:Roboto,Arial,sans-serif;background:#f1f1f1;color:#606060;font-weight:400}.dark .placeholder-art{background:#272727;color:#aaa}.phone{width:390px;border:7px solid #272727;border-radius:30px;position:relative}.phone-status{color:#0f0f0f;font-size:12px;font-weight:600;height:30px;padding:8px 18px}.dark .phone-status{color:#f1f1f1}.device-status{display:flex;align-items:center;gap:5px}.device-status svg{width:15px;height:11px;fill:currentColor}.device-status svg:last-child{width:24px}.phone .yt-top{height:50px;padding:0 14px;gap:10px}.phone .yt-logo,.phone .yt-logo img{width:93px;height:20px}.phone .yt-person{display:none}.phone .yt-touch-actions{gap:17px}.phone-feed{padding:0 0 5px}.phone-feed>.chips{padding:10px 12px;margin-bottom:8px;font-size:13px;gap:8px}.phone .thumb{border-radius:0}.phone .video-body{margin:10px 12px 24px;gap:12px}.phone .channel-dot{width:36px;height:36px}.phone .video-title{font-size:16px;line-height:22px;font-weight:500}.phone .video-meta{font-size:12px;line-height:18px;margin-top:3px}.phone .channel-line,.phone .stats-line{display:inline}.phone .stats-line:before{content:' · '}.phone .ui-icon.verified{display:none}.phone-nav{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-around;height:56px;padding:6px 0;background:#fff;border-top:1px solid #eee;color:#0f0f0f}.dark .phone-nav{background:#0f0f0f;color:#f1f1f1;border-color:#303030}.phone-nav>span{display:flex;align-items:center;flex-direction:column;min-width:48px;gap:4px}.phone-nav small{font-size:9px;margin:0}.phone-nav .create{width:36px;height:36px;border-radius:50%;background:#f2f2f2;padding:6px}.dark .phone-nav .create{background:#272727}.tablet .yt-top{height:56px;padding:0 20px}.tablet .yt-logo,.tablet .yt-logo img{width:93px;height:20px}.tablet .yt-rail{width:72px}.tablet .yt-rail>div{width:72px}.tablet .feed-main{padding:12px 20px 24px}.tablet .video-title{font-size:16px;line-height:22px}.tablet .video-meta{font-size:13px;line-height:19px}.tablet .channel-dot{width:36px;height:36px}.tablet-status{font-family:Roboto,Arial,sans-serif;font-size:11px}.tablet .feed-grid{gap:30px 20px}.tv-screen{background:#0f0f0f}.tv-rail{background:#0f0f0f;width:85px;gap:22px;color:#aaa}.tv-rail .ui-icon{width:26px;height:26px}.tv-rail>span:not(.tv-account){width:58px;display:flex;flex-direction:column;align-items:center;gap:6px}.tv-rail small{font-size:10px;margin:0}.tv-rail .tv-active{background:#ffffff15;border-radius:12px;padding:9px 0}.tv-content{padding:28px 28px 24px;scrollbar-width:none}.tv-heading{justify-content:space-between;margin-bottom:30px}.tv-heading .yt-logo,.tv-heading .yt-logo img{width:116px;height:25px}.tv-heading .logo-light{display:none}.tv-heading .logo-dark{display:block}.tv-category{font-size:18px;color:#f1f1f1}.tv-content h3{font-size:22px;font-weight:500;margin-bottom:22px}.tv-grid{gap:30px 24px}.tv-grid .video-body{padding-right:0}.tv-grid .video-title{font-size:18px;font-weight:500;line-height:24px}.tv-grid .video-meta{font-size:14px;line-height:21px;color:#aaa;margin-top:5px}.tv-grid .ui-icon.verified{display:none}.tv-grid .your-card .thumb{outline:3px solid white;outline-offset:4px;box-shadow:none}.tv-grid .time{font-size:12px}.search-row .video-title{font-size:20px;font-weight:400;line-height:26px}.search-row .video-meta{font-size:12px;display:flex;flex-direction:column}.search-row .stats-line{order:-1;margin-top:1px;margin-bottom:8px}.mock-description{font-size:12px;line-height:18px;color:#606060}.dark .mock-description{color:#aaa}.suggested-list .video-title{font-size:14px;line-height:20px;font-weight:500}.suggested-list .video-meta{font-size:12px;line-height:18px;margin-top:4px}.suggested-list .video-body{padding-right:24px}.suggested-list .time{font-size:11px;line-height:16px;bottom:4px;right:4px}.watch-area h3{font-size:20px;line-height:28px;font-weight:600}.watch-area p{font-size:14px;color:inherit;background:#f2f2f2;border-radius:12px;padding:12px}.dark .watch-area p{background:#272727}.watch-channel{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:14px;font-weight:500}.watch-channel small{display:inline-block;margin-left:20px;background:#0f0f0f;color:#fff;border-radius:22px;padding:9px 16px;font-size:14px}.dark .watch-channel small{background:#f1f1f1;color:#0f0f0f}.watch-placeholder .time{display:none}.player-controls{position:absolute;bottom:0;inset-inline:0;display:flex;gap:18px;align-items:center;background:linear-gradient(transparent,#000a);padding:24px 16px 14px;color:white;font-size:12px}.player-right{margin-left:auto;font-size:19px}.watch-play{font-size:23px}.preview-canvas img{max-width:100%}
@container(max-width:900px){.yt-desktop-actions .yt-create{display:none}.yt-search-group{width:48%;gap:10px}.yt-top{gap:16px;padding:0 16px}.feed-main{padding:12px 18px 26px}.tv-content{padding:22px}.tv-heading{margin-bottom:22px}.tv-grid .video-title{font-size:15px;line-height:21px}.tv-grid .video-meta{font-size:12px;line-height:18px}.tablet .video-title{font-size:15px}.tablet .video-meta{font-size:12px}.suggested-list .video-title{font-size:13px}.suggested-list .video-meta{font-size:11px}.stats-line{white-space:normal}}
@media(max-width:660px){.phone .video-title{font-size:15px;line-height:21px}.phone .video-meta{font-size:11px}.phone .yt-touch-actions{gap:13px}.phone .yt-top{padding:0 12px}.phone .ui-icon{width:22px;height:22px}.phone-nav small{font-size:8px}.phone .video-body{margin-left:10px;margin-right:10px;gap:9px}.phone .channel-dot{width:32px;height:32px}.phone .time{font-size:11px}.tv-grid .video-title{font-size:15px}.tablet .stats-line{white-space:normal}}
.mobile-stage{align-items:flex-start}.phone{display:flex;flex-direction:column;aspect-ratio:390/844;height:auto}.phone-status,.phone .yt-top,.phone-nav{flex-shrink:0}.phone-feed{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.phone-nav{position:relative}.tablet{display:flex;flex-direction:column;aspect-ratio:4/3}.tablet-status,.tablet .yt-top,.tablet-home{flex-shrink:0}.tablet .feed-body{flex:1;min-height:0;overflow:hidden}.tablet .feed-main{overflow-y:auto;scrollbar-width:none}
.dark .phone,.dark .tablet{background:#0f0f0f}
/* Device dimensions govern the preview; fitting never changes its grid. */
.preview-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 24px 18px;color:#657158;font-size:11px}.preview-controls label{display:flex;align-items:center;gap:7px}.preview-controls select{font:inherit;color:#45543a;background:#f8faf3;border:1px solid #dfe4d6;border-radius:6px;padding:7px;max-width:245px}.preview-controls .check-control input{width:15px;height:15px;margin:0;accent-color:#748a46}.preview-controls .secondary{font-size:11px;padding:7px 10px}.accuracy-note{margin:0 24px 20px;color:#7a826f;font-size:11px;line-height:1.7}.accuracy-note summary{cursor:pointer;color:#62714e}.accuracy-note p{margin-top:9px;max-width:1050px}.accuracy-note a{text-decoration:underline;text-underline-offset:2px}.preview-canvas,.expanded .preview-canvas{min-height:0;background:#eceee8;overflow:auto;container-type:normal}.preview-canvas.dark{background:#252525}.viewport-stage{padding:16px;width:100%;overflow:auto}.viewport-shell{position:relative;overflow:hidden;margin:0 auto;background:#fff;border-radius:3px;flex-shrink:0}.actual-size .viewport-shell{margin:0}.device-viewport{position:absolute;left:0;top:0;transform-origin:top left;background:#fff;color:#0f0f0f;overflow:hidden;font-family:Roboto,Arial,sans-serif;font-size:14px;display:flex;flex-direction:column}.device-viewport.dark{background:#0f0f0f;color:#f1f1f1}.device-viewport .yt-top{flex:none;height:56px;min-width:0;padding:0 24px;gap:24px}.device-viewport .yt-search-group{width:52%;max-width:720px;gap:16px}.device-viewport .yt-desktop-actions .yt-create{display:flex}.device-viewport .yt-search{width:100%;font-size:16px}.device-viewport .yt-logo,.device-viewport .yt-logo img{width:93px;height:20px}.device-viewport .ui-icon{width:24px;height:24px}.device-viewport .feed-body{flex:1;min-height:0;min-width:0;display:flex;overflow:hidden}.device-viewport .feed-main{flex:1;min-height:0;min-width:0;overflow-y:auto;padding:0 24px 36px;scrollbar-width:thin}.device-viewport .chips{height:56px;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;background:#fff;position:sticky;top:0;z-index:1;overflow:auto;scrollbar-width:none;flex:none}.device-viewport.dark .chips{background:#0f0f0f}.device-viewport .chips>span{flex:none;padding:6px 12px;height:32px;line-height:20px}.device-viewport .feed-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:40px 16px}.device-viewport .next-row{margin-top:40px}.device-viewport .thumb{border-radius:12px;aspect-ratio:16/9}.device-viewport .video-body{gap:12px;margin-top:12px;padding-right:28px}.device-viewport .channel-dot{width:36px;height:36px;flex:none}.device-viewport .video-title{font-size:16px;line-height:22px;font-weight:500;letter-spacing:0;-webkit-line-clamp:2;overflow-wrap:normal}.device-viewport .video-meta{font-size:14px;line-height:20px;margin-top:4px;color:#606060}.device-viewport.dark .video-meta{color:#aaa}.device-viewport .stats-line{white-space:normal}.device-viewport .ui-icon.verified{width:12px;height:12px}.device-viewport .time{font-size:12px;line-height:18px;bottom:8px;right:8px;padding:1px 4px}.device-viewport.compact-metadata .channel-line,.device-viewport.compact-metadata .stats-line{display:inline}.device-viewport.compact-metadata .stats-line:before{content:' ▷ ';font-size:12px}.device-viewport .expanded-guide{width:240px;flex:none;overflow-y:auto;padding:12px;scrollbar-width:thin}.device-viewport .guide-row{height:40px;display:flex;align-items:center;gap:24px;padding:0 12px;font-size:14px;border-radius:10px;white-space:nowrap}.device-viewport .guide-row>span:last-child{overflow:hidden;text-overflow:ellipsis}.device-viewport .guide-row.selected{background:#f2f2f2;font-weight:500}.device-viewport.dark .guide-row.selected{background:#272727}.device-viewport .guide-row .channel-dot{width:24px;height:24px}.device-viewport .guide-section{padding:12px 0;margin-top:12px;border-top:1px solid #e5e5e5}.device-viewport.dark .guide-section{border-color:#303030}.device-viewport .guide-section h3{font-size:16px;font-weight:500;padding:6px 12px 10px}.device-viewport .yt-rail{width:72px;padding-top:4px}.device-viewport .yt-rail>div{width:72px;height:74px}.device-viewport .yt-rail>div>span:not(.ui-icon){font-size:10px}.device-viewport .shorts-shelf{margin-top:40px}.device-viewport .shorts-shelf h2{font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px;height:40px;margin:0 0 16px}.device-viewport .shorts-brand{color:#ff0033}.device-viewport .shorts-menu{margin-left:auto}.device-viewport .shorts-grid{display:grid;grid-template-columns:repeat(var(--short-columns,6),minmax(0,1fr));gap:16px}.device-viewport .short-image{aspect-ratio:2/3;overflow:hidden;border-radius:8px}.device-viewport .short-image img{display:block;width:100%;height:100%;object-fit:cover}.device-viewport .short-copy{position:relative;margin-top:8px;padding-right:24px}.device-viewport .short-copy .video-meta{margin-top:4px}.device-viewport .short-copy .dots{right:0;top:0}.device-viewport.phone{max-width:none;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto;margin:0}.device-viewport.phone .phone-status{height:30px;flex:none;padding:8px 20px;display:flex;justify-content:space-between}.device-viewport.phone .yt-top{height:50px;padding:0 16px;gap:12px}.device-viewport.phone .yt-touch-actions{gap:20px}.device-viewport.phone .yt-person{display:block;width:26px;height:26px;text-align:center;padding-top:4px;font-size:13px}.device-viewport.phone .yt-touch-actions .bell{display:none}.device-viewport.phone .phone-feed{flex:1;min-height:0;overflow:auto;padding:0;scrollbar-width:thin}.device-viewport.phone .chips{position:sticky;height:52px;padding:8px 12px;margin:0;font-size:13px;gap:8px;z-index:1}.device-viewport.phone .thumb{border-radius:0}.device-viewport.phone .video-body{margin:12px 12px 24px;gap:12px}.device-viewport.phone .video-title{font-size:16px;line-height:22px}.device-viewport.phone .video-meta{font-size:12px;line-height:18px}.device-viewport.phone .channel-line,.device-viewport.phone .stats-line{display:inline}.device-viewport.phone .stats-line:before{content:' · '}.device-viewport.phone .shorts-shelf{margin:18px 12px 32px}.device-viewport.phone .shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.device-viewport.phone .short-image{aspect-ratio:9/16}.device-viewport.phone .short-copy .video-title{font-size:14px;line-height:20px}.device-viewport.phone .short-copy{margin-top:8px;padding-right:20px}.device-viewport .phone-nav{position:relative;height:56px;flex:none;font-size:10px}.device-viewport .phone-nav small{font-size:10px}.device-viewport .phone-nav .create{width:36px;height:36px}.device-viewport .mobile-feed-tabs{height:44px;display:flex;gap:28px;align-items:center;justify-content:center;font-size:16px;flex:none}.device-viewport .mobile-feed-tabs .selected{height:100%;border-bottom:3px solid currentColor;display:flex;align-items:center}.device-viewport.tablet{max-width:none;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto}.device-viewport.tablet .tablet-status{height:24px;padding:4px 20px;flex:none}.device-viewport.tablet .yt-top{height:56px;padding:0 24px}.device-viewport.tablet .feed-main{padding:0 24px 30px}.device-viewport.tablet .feed-grid{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:32px 16px}.device-viewport.tablet .video-title{font-size:16px;line-height:22px}.device-viewport.tablet .video-meta{font-size:13px;line-height:19px}.device-viewport.tablet .tablet-home{height:14px;padding:5px 0 4px;flex:none}.device-viewport.tablet .tablet-home span{height:4px}.device-viewport.tablet .shorts-grid{display:flex;overflow-x:auto;gap:16px;scrollbar-width:none}.device-viewport.tablet .short-card{width:210px;flex:none}.device-viewport.tv-screen{max-width:none;min-height:0;margin:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#0f0f0f;flex-direction:row}.device-viewport.tv-screen .tv-rail{width:120px;padding:42px 14px;gap:35px;flex:none;overflow:hidden}.device-viewport.tv-screen .tv-rail>span:not(.tv-account){width:80px;gap:9px}.device-viewport.tv-screen .tv-rail .ui-icon{width:32px;height:32px}.device-viewport.tv-screen .tv-rail small{font-size:14px}.device-viewport.tv-screen .tv-account{width:48px;height:48px;font-size:22px;margin-bottom:10px}.device-viewport.tv-screen .tv-content{padding:48px 0 60px 32px;overflow-y:auto;scrollbar-width:none}.device-viewport.tv-screen .tv-heading{height:36px;margin:0 64px 55px 0}.device-viewport.tv-screen .tv-heading .yt-logo,.device-viewport.tv-screen .tv-heading .yt-logo img{width:140px;height:30px}.device-viewport.tv-screen .tv-category{font-size:24px}.device-viewport.tv-screen .tv-shelf h3{font-size:28px;font-weight:500;margin:0 0 24px}.device-viewport.tv-screen .tv-shelf{margin-bottom:48px}.device-viewport.tv-screen .tv-row{display:flex;gap:32px;overflow:auto;padding:8px 48px 8px 8px;margin-left:-8px;scrollbar-width:none;scroll-snap-type:x mandatory}.device-viewport.tv-screen .tv-item{width:480px;flex:none;scroll-snap-align:start;border-radius:8px;outline:none;cursor:pointer}.device-viewport.tv-screen .tv-item .thumb{border-radius:8px}.device-viewport.tv-screen .tv-focused .thumb,.device-viewport.tv-screen .tv-item:focus .thumb{outline:4px solid white;outline-offset:4px}.device-viewport.tv-screen .channel-dot,.device-viewport.tv-screen .dots,.device-viewport.tv-screen .verified{display:none}.device-viewport.tv-screen .video-body{margin-top:16px;padding:0}.device-viewport.tv-screen .video-title{font-size:24px;line-height:32px;font-weight:500}.device-viewport.tv-screen .video-meta{font-size:20px;line-height:28px;color:#aaa;margin-top:7px}.device-viewport.tv-screen .time{font-size:18px;line-height:24px;padding:2px 6px}.device-viewport.tv-screen .shorts-shelf{margin-top:0;margin-bottom:48px}.device-viewport.tv-screen .shorts-shelf h2{font-size:28px;margin-bottom:24px}.device-viewport.tv-screen .shorts-grid{display:flex;gap:24px;overflow:auto;scrollbar-width:none;padding:0 48px 10px 0}.device-viewport.tv-screen .short-card{width:250px;flex:none}.device-viewport.tv-screen .short-image{aspect-ratio:2/3;border-radius:8px}.device-viewport.tv-screen .short-copy .video-title{font-size:20px;line-height:28px}.device-viewport.tv-screen .short-copy .video-meta{font-size:18px;line-height:26px}.device-viewport.desktop-search .search-feed{flex:1;min-height:0;overflow:auto;padding:0 60px 32px}.device-viewport.desktop-search .search-row .thumb{width:360px;max-width:none;flex:none}.device-viewport.desktop-search .search-row .video-title{font-size:20px;line-height:26px;font-weight:400}.device-viewport.desktop-search .search-row{gap:16px;margin-bottom:24px}.device-viewport.desktop-search .search-row .video-body{margin:0}.device-viewport.desktop-search .search-row .video-meta{font-size:12px;line-height:18px}.device-viewport.desktop-search .search-row .channel-dot{width:24px;height:24px}.device-viewport.desktop-suggested .suggested-layout{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:row;padding:24px;gap:24px}.device-viewport.desktop-suggested .watch-area{display:block;flex:1;min-width:0}.device-viewport.desktop-suggested .suggested-list{width:402px;flex:none}.device-viewport.desktop-suggested .suggested-list .chips{height:32px;margin-bottom:18px;position:static}.device-viewport.desktop-suggested .suggested-list .thumb{width:168px;flex:none;border-radius:8px}.device-viewport.desktop-suggested .suggested-list .search-row{gap:8px;margin-bottom:12px}.device-viewport.desktop-suggested .suggested-list .video-title{font-size:14px;line-height:20px}.device-viewport.desktop-suggested .suggested-list .video-meta{font-size:12px;line-height:18px}.device-viewport.desktop-suggested .suggested-list .video-body{margin:0;padding-right:24px}.device-viewport.desktop-suggested .suggested-list .channel-dot{display:none}.device-viewport.desktop-suggested .suggested-list .time{font-size:11px;line-height:16px;bottom:4px;right:4px}.device-viewport .yt-person{flex:none}.device-viewport .yt-top .yt-logo{flex:none}.device-viewport .guide-row .ui-icon{flex:none}.preview-controls select:focus-visible{outline:3px solid #a6be68;outline-offset:2px}
@media(max-width:660px){.preview-controls{padding:0 16px 16px;gap:10px}.preview-controls select{max-width:200px}.accuracy-note{margin-left:16px;margin-right:16px}.viewport-stage{padding:16px}.preview-foot>span:last-child{max-width:none}.preview-panel.expanded .preview-heading{position:static}}

.device-viewport.desktop-home .shorts-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--short-columns) - 1)*16px)/var(--short-columns));overflow-x:auto;scrollbar-width:thin}.device-viewport .yt-logo.premium-logo,.device-viewport .yt-logo.premium-logo img{width:101px;height:20px}.device-viewport.tv-screen .tv-heading .yt-logo.premium-logo,.device-viewport.tv-screen .tv-heading .yt-logo.premium-logo img{width:152px;height:30px}

.device-viewport.phone .phone-feed,.device-viewport.tablet .feed-main{scrollbar-width:none}.device-viewport.phone .yt-touch-actions .bell{display:inline-flex}.device-viewport.phone .yt-touch-actions{gap:16px}
/* Keep the TV rail outside shelf scrolling, with room for the focus outline. */
.device-viewport.tv-screen .tv-content{min-width:0;overflow-x:hidden;flex:1}
.device-viewport.tv-screen .tv-row{position:relative;margin-left:0;scroll-padding-inline:8px;scroll-snap-type:none}
/* Watch-page proportions follow the supplied wide-screen reference. */
.device-viewport.desktop-suggested .suggested-layout{padding:16px;gap:16px}
.device-viewport.desktop-suggested .suggested-list{width:28%;min-width:320px;flex:0 0 28%}
.device-viewport.desktop-suggested .suggested-list .chips{display:none}
.device-viewport.desktop-suggested .suggested-list .search-row{display:grid;grid-template-columns:61% minmax(0,1fr);gap:10px;margin-bottom:8px;align-items:start}
.device-viewport.desktop-suggested .suggested-list .thumb{width:100%;max-width:none;aspect-ratio:16/9}
.device-viewport.desktop-suggested .suggested-list .search-row>div{min-width:0}
.device-viewport.desktop-suggested .suggested-list .video-body{padding-right:0}
.device-viewport.desktop-suggested .suggested-list .video-copy{padding-right:12px}
.device-viewport.desktop-suggested .suggested-list .video-title{-webkit-line-clamp:3}
/* Center full-sized search results beside the desktop guide. */
.device-viewport.desktop-search .search-layout{display:flex;flex:1;min-height:0;min-width:0}
.device-viewport.desktop-search .search-feed{padding:0 32px 32px;min-width:0}
.device-viewport.desktop-search .search-results{width:100%;max-width:1250px;margin:0 auto}
.device-viewport.desktop-search .search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px}
.device-viewport.desktop-search .search-toolbar .chips{margin:0;position:static;height:auto;padding:0;flex:1}
.device-viewport.desktop-search .search-filters{font-size:14px;white-space:nowrap}
.device-viewport.desktop-search .search-row{display:grid;grid-template-columns:40% minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}
.device-viewport.desktop-search .search-row .thumb{width:100%;aspect-ratio:16/9}
.device-viewport.desktop-search .search-row>div{min-width:0}
.device-viewport.desktop-search .search-row .video-copy{padding-right:24px}
.device-viewport.desktop-search .search-row .channel-dot{display:grid;flex:none}
.device-viewport.desktop-search .search-channel{display:flex;align-items:center;gap:8px;margin:12px 0}
.device-viewport.desktop-search .search-row .stats-line{margin:0}
.device-viewport.desktop-search .mock-description{font-size:12px;line-height:18px;margin-top:12px}
.device-viewport.desktop-search .shorts-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

.device-viewport.desktop-suggested .suggested-list .channel-line{order:-2}
.profile-upload{display:flex;align-items:center;gap:12px}
.profile-photo{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#e8eddd;color:#667748;font-size:20px;font-weight:600}
.profile-photo img,.yt-person img,.tv-account img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.profile-actions .secondary{padding:9px 12px;font-size:11px}
.profile-actions .text-button{font-size:11px;padding:6px 0}
.profile-hint{font-size:10px;line-height:1.6;color:#879078;margin-top:8px}
.device-viewport .yt-person,.device-viewport .tv-account{overflow:hidden}

.device-viewport .nav-profile{display:inline-block;width:24px;height:24px;border-radius:50%;overflow:hidden;vertical-align:middle}.nav-profile img{display:block;width:100%;height:100%;object-fit:cover}
/* Video ideas use the channel Videos grid from the supplied reference. */
.ideas-youtube{background:#0f0f0f;color:#f1f1f1;border-radius:14px;padding:0 28px 36px;font-family:Roboto,Arial,sans-serif;min-height:340px}
.ideas-channel-tabs{height:60px;border-bottom:1px solid #383838;display:flex;align-items:stretch;margin:0 -28px;padding:0 28px;font-size:16px;font-weight:500}
.ideas-channel-tabs .selected{display:flex;align-items:center;border-bottom:2px solid #f1f1f1;padding:0 8px}
.ideas-sorting{display:flex;gap:8px;padding:16px 0 24px;max-width:1300px;margin:0 auto}
.ideas-sorting button{font:500 14px/20px Roboto,Arial,sans-serif;border-radius:8px;padding:6px 12px;background:#272727;color:#f1f1f1}
.ideas-sorting button[aria-pressed=true]{background:#f1f1f1;color:#0f0f0f}
.ideas-sorting button:hover{background:#3f3f3f;filter:none}.ideas-sorting button[aria-pressed=true]:hover{background:#ddd}
.ideas-youtube .ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 16px;max-width:1300px;margin:0 auto}
.ideas-youtube .idea-card{display:block;position:relative;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;min-width:0;padding:0}
.ideas-youtube .idea-thumbnail{display:block;width:100%;padding:0;background:transparent;border:0;cursor:pointer;text-align:left;border-radius:12px}
.ideas-youtube .idea-thumbnail:hover{filter:none}
.ideas-youtube .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;background:#272727}
.ideas-youtube .thumb img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.ideas-youtube .time{font:500 12px/16px Roboto,Arial,sans-serif;padding:1px 4px;bottom:6px;right:6px;background:#000c}
.ideas-youtube .idea-summary{position:relative;margin-top:12px;padding-right:28px}
.ideas-youtube .idea-video-title{font:500 16px/22px Roboto,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;width:100%;text-align:left;padding:0;color:#f1f1f1}
.ideas-youtube .idea-video-title:hover{filter:none}
.ideas-youtube .idea-video-meta{font:400 14px/20px Roboto,Arial,sans-serif;color:#aaa;margin-top:4px}
.ideas-youtube .idea-more{position:absolute;top:-4px;right:-6px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:4px;color:#f1f1f1}
.ideas-youtube .idea-more:hover,.ideas-youtube .idea-more[aria-expanded=true]{background:#272727;filter:none}
.ideas-youtube .ui-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.ideas-youtube .ui-icon svg{width:24px;height:24px}
.ideas-youtube .idea-menu{position:absolute;right:0;top:30px;z-index:5;width:205px;padding:8px 0;border-radius:10px;background:#282828;box-shadow:0 4px 20px #0008}
.ideas-youtube .idea-menu button{display:block;width:100%;padding:10px 16px;text-align:left;font:400 14px/20px Roboto,Arial,sans-serif;color:#f1f1f1}
.ideas-youtube .idea-menu button:hover,.ideas-youtube .idea-menu button:focus-visible{background:#414141;filter:none}
.ideas-youtube .idea-menu .idea-delete{color:#ffaaa5;border-top:1px solid #444;margin-top:5px;padding-top:13px}
.ideas-youtube button:focus-visible{outline:2px solid #8ab4f8;outline-offset:3px}
.ideas-youtube .empty-library{grid-column:1/-1;background:none;border:0;padding:64px 20px;color:#f1f1f1}
.ideas-youtube .empty-library h3{color:#f1f1f1;font-family:Roboto,Arial,sans-serif}.ideas-youtube .empty-library p{color:#aaa}
#ideaEditDialog{width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}
#ideaEditDialog h2{margin-bottom:24px}#ideaEditDialog .field-label{margin-top:18px}#ideaEditDialog textarea{font-size:14px}#ideaEditError{color:#a1382a;font-size:13px;margin-top:12px}
@media(max-width:1100px){.ideas-youtube .ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.ideas-youtube{padding:0 16px 24px;border-radius:10px}.ideas-channel-tabs{margin:0 -16px;padding:0 16px}.ideas-youtube .ideas-grid{grid-template-columns:1fr;gap:28px}.ideas-youtube .idea-video-title{font-size:16px}.ideas-youtube .idea-menu{max-width:calc(100vw - 80px)}}