:root{color-scheme:dark;--bg: #111318;--panel: #1b1f28;--panel-2: #232936;--line: #343b4a;--text: #f7f5ee;--muted: #b9bfcc;--accent: #20d5b4;--accent-2: #ffcf4a;--danger: #ff6a7a;--shadow: 0 24px 80px rgba(0, 0, 0, .34);--webcam-aspect: 16 / 9;--webcam-aspect-num: 1.777778;--camera-view-height: calc(100dvh - 170px) }@media(orientation:portrait){:root{--webcam-aspect: 4 / 3;--webcam-aspect-num: 1.333333}}@media(max-width:760px)and (orientation:portrait){:root{--webcam-aspect: 9 / 16;--webcam-aspect-num: .5625}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(32,213,180,.12),transparent 34rem),linear-gradient(135deg,#111318,#151923 52%,#201923);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 220px)}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{width:min(1340px,calc(100vw - 28px));min-height:100vh;margin:0 auto;padding:18px 0 34px;display:grid;grid-template-columns:1fr;grid-template-areas:"camera" "shot" "search";gap:14px;align-items:start}.camera-stage,.shot-panel,.search-content,.info-page{background:#1b1f28e0;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:var(--shadow)}.camera-stage{position:relative;grid-area:camera;min-width:0;width:100%;max-width:1240px;justify-self:center;padding:14px;display:grid;grid-template-rows:auto auto auto;gap:12px}.stage-top,.shot-header,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-brand{display:flex;align-items:center;gap:14px;min-width:0}.site-logo{width:clamp(58px,6.8vw,84px);height:clamp(58px,6.8vw,84px);object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(32,213,180,.18))}.site-brand-copy{min-width:0}.brand-name{margin:0 0 4px;font-family:Arial Rounded MT Bold,Nunito,Trebuchet MS,Inter,system-ui,sans-serif;font-size:clamp(1.35rem,2.2vw,2.35rem);font-weight:900;line-height:1;letter-spacing:0;text-wrap:balance}.brand-funny{color:var(--accent)}.brand-webcam{color:#ff4fa3}.brand-domain{color:var(--accent-2);font-size:.78em}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.tracking-status{margin:5px 0 0;color:var(--muted);font-size:.86rem}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.55rem,2.1vw,2.5rem);line-height:1.05;letter-spacing:0}h2{margin-bottom:0;font-size:1.05rem}h3{margin-bottom:10px;font-size:.95rem}.icon-button{width:44px;height:44px;border-radius:50%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);font-size:1.35rem}.studio-links{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.studio-settings-toggle{display:none;align-items:center;justify-content:center;line-height:1}.studio-settings-toggle>i{display:block;line-height:1}.studio-settings-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.studio-links a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:.86rem;font-weight:700;text-decoration:none}.viewer{position:relative;container-type:inline-size;overflow:hidden;width:min(100%,calc(var(--camera-view-height) * var(--webcam-aspect-num, 1.777)));height:min(var(--camera-view-height),calc((100vw - 56px) / var(--webcam-aspect-num, 1.777)));aspect-ratio:var(--webcam-aspect);margin:0 auto;border-radius:8px;border:1px solid var(--line);background:#07080a}video,canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}video{opacity:0;pointer-events:none}.permission-card{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;padding:24px;text-align:center;background:linear-gradient(#0a0c1059,#0a0c10b3),repeating-linear-gradient(135deg,#191e29 0 16px,#11151e 16px 32px)}.permission-card p{max-width:430px;color:var(--muted)}.permission-card.is-hidden{display:none}.permission-card.is-starting{background:linear-gradient(#0a0c106b,#0a0c10c7),repeating-linear-gradient(135deg,#191e29 0 16px,#11151e 16px 32px)}.permission-card.is-starting:after{content:"";width:32px;height:32px;margin-top:16px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--accent);border-radius:50%;animation:camera-spin .85s linear infinite}@keyframes camera-spin{to{transform:rotate(360deg)}}.swipe-hint{position:absolute;left:50%;bottom:clamp(78px,9vh,118px);z-index:9;transform:translate(-50%);max-width:calc(100% - 24px);padding:8px 12px;border:1px solid rgba(32,213,180,.35);border-radius:999px;background:#0a0c10c7;color:var(--text);font-size:.82rem;font-weight:800;text-align:center;white-space:nowrap;box-shadow:0 10px 24px #00000059;backdrop-filter:blur(8px);pointer-events:none}.tap-hint{position:absolute;left:50%;bottom:clamp(78px,9vh,118px);z-index:9;transform:translate(-50%);max-width:calc(100% - 24px);padding:8px 12px;border:1px solid rgba(46,224,255,.42);border-radius:999px;background:#0a0c10d1;color:var(--text);font-size:.82rem;font-weight:800;text-align:center;white-space:nowrap;box-shadow:0 10px 24px #00000059;backdrop-filter:blur(8px);pointer-events:none;display:inline-flex;align-items:center;gap:7px}.tap-hint i{color:var(--accent);font-size:.88rem}.swipe-hint.is-hidden,.tap-hint.is-hidden{display:none}.controls{display:grid;gap:10px}.effect-navigator-row{position:absolute;left:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px);bottom:clamp(10px,2vw,22px);z-index:5;display:flex;gap:8px;align-items:stretch;margin-bottom:0;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#1113189e;box-shadow:0 18px 50px #00000052;backdrop-filter:blur(12px);opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,visibility 0s linear 0s;visibility:visible}.viewer.navigator-idle .effect-navigator-row{opacity:.1}.effect-navigator{flex:1;display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);padding:8px 12px;border-radius:8px;border:1px solid var(--line)}.category-select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-weight:800;font-size:.95rem;outline:none;cursor:pointer;transition:border-color .2s}.category-select:focus,.category-select:hover{border-color:var(--accent)}@container (max-width: 680px){.effect-navigator-row{flex-wrap:wrap}.effect-navigator-row .timer-btn{order:1;flex:0 0 76px}.effect-navigator-row .capture-btn-small{order:1;flex:1 1 0;min-width:0;height:40px;justify-content:center;padding:0 12px}.effect-navigator{order:2;flex:0 0 100%}.category-select{order:3;flex:0 0 100%;width:100%}.swipe-hint,.tap-hint{bottom:164px}}.snapshot.has-image{background:transparent;border:1px solid var(--line)}.camera-flash{position:absolute;inset:0;background:#fff;z-index:100;opacity:1;pointer-events:none;transition:opacity .5s ease-out}.flying-snapshot{position:fixed;z-index:1000;object-fit:cover;border-radius:8px;box-shadow:0 10px 40px #000000b3;pointer-events:none;transition:all .7s cubic-bezier(.25,1,.3,1)}.nav-btn{background:transparent;color:var(--text);border:none;font-size:1.2rem;padding:4px 16px;cursor:pointer;border-radius:4px;transition:background .2s}.nav-btn:hover{background:#ffffff1a;color:var(--accent)}#currentEffectDisplay{font-weight:800;color:var(--accent);font-size:1rem;text-align:center;flex:1}.effect-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;max-height:138px;overflow:auto;padding-right:4px;scrollbar-color:var(--accent) rgba(255,255,255,.08)}.effect-button{min-height:40px;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:800;font-size:.84rem;line-height:1.1}.effect-button[aria-pressed=true]{color:#07120f;background:var(--accent);border-color:transparent}@keyframes btn-shine-idle{0%{transform:translate(-150%) skew(-25deg)}2%{transform:translate(150%) skew(-25deg)}to{transform:translate(150%) skew(-25deg)}}@keyframes pulse-glow-idle{0%{box-shadow:0 0 #20d5b400}0.5%{box-shadow:0 0 20px #20d5b4cc}1%{box-shadow:0 0 #20d5b400}1.5%{box-shadow:0 0 20px #20d5b4cc}2%{box-shadow:0 0 #20d5b400}to{box-shadow:0 0 #20d5b400}}@keyframes btn-shine-hover{0%{transform:translate(-150%) skew(-25deg)}to{transform:translate(150%) skew(-25deg)}}@keyframes pulse-glow-hover{0%{box-shadow:0 0 10px #20d5b466}50%{box-shadow:0 0 25px #2ee0ffcc}to{box-shadow:0 0 10px #20d5b466}}.capture-btn-small{background:linear-gradient(135deg,var(--accent),#2ee0ff);color:#07120f;border:none;border-radius:8px;padding:0 20px;font-weight:900;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;animation:pulse-glow-idle 120s infinite}.capture-btn-small:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;transform:translate(-150%) skew(-25deg);animation:btn-shine-idle 120s infinite}.capture-btn-small>i,.capture-btn-small>span{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.capture-btn-small:hover:not(:disabled){transform:scale(1.05);animation:pulse-glow-hover 1.5s infinite}.capture-btn-small:hover:not(:disabled):before{animation:btn-shine-hover 1.5s infinite}.capture-btn-small:hover:not(:disabled)>i{transform:scale(1.2) rotate(-10deg)}.capture-btn-small:hover:not(:disabled)>span{transform:scale(1.05)}.capture-btn-small:disabled{background:var(--panel-2);color:var(--muted);animation:none;box-shadow:none}.capture-btn-small:disabled:before{display:none}.cap-mode-bar{display:flex;background:#0006;border-radius:8px;padding:4px;gap:4px;border:1px solid rgba(255,255,255,.1)}.cap-mode-btn{background:transparent;color:var(--muted);border:none;border-radius:6px;padding:0 12px;cursor:pointer;font-size:.95rem;transition:all .2s}.cap-mode-btn:hover{color:var(--text);background:#ffffff1a}.cap-mode-btn.active{background:var(--accent);color:#07120f}.cap-status-bar{position:absolute;top:-45px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;gap:4px;align-items:center}.cap-rec-timer,.cap-gif-progress,.cap-processing{background:#0a0c10d9;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 16px;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 15px #00000080;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px)}.rec-dot{width:10px;height:10px;background:#ff4e50;border-radius:50%;animation:rec-blink 1s infinite alternate}@keyframes rec-blink{0%{opacity:1}to{opacity:.3}}.rec-time-max{color:var(--muted);font-size:.8rem}.cap-gif-progress{position:relative;overflow:hidden;min-width:120px;justify-content:center}.gif-progress-bar{position:absolute;left:0;top:0;height:100%;background:#20d5b44d;width:0%;transition:width .1s linear;z-index:0}.gif-progress-text{position:relative;z-index:1}.cap-processing i{color:var(--accent)}.capture-btn-small.is-recording{background:#ff4e50;color:#fff;animation:none}.capture-btn-small.is-recording:before{display:none}.header-actions{display:flex;gap:8px}.action-btn{min-height:44px;padding:0 18px;border-radius:8px;background:var(--accent-2);color:#07120f;font-weight:900;display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s}.action-btn>i,.action-btn>span{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.action-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.action-btn:hover:not(:disabled)>i{transform:scale(1.2) rotate(-10deg)}.action-btn:hover:not(:disabled)>span{transform:scale(1.05)}@keyframes pulse-glow-warm{0%{box-shadow:0 0 10px #ff4e5066}50%{box-shadow:0 0 25px #f9d423cc}to{box-shadow:0 0 10px #ff4e5066}}.start-btn-flashy{background:linear-gradient(135deg,#ff4e50,#f9d423);color:#07120f;border:none;border-radius:8px;padding:0 24px;min-height:52px;font-weight:900;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:pulse-glow-warm 1.5s infinite}.start-btn-flashy:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;transform:translate(-150%) skew(-25deg);animation:btn-shine-hover 1.5s infinite}.start-btn-flashy>i,.start-btn-flashy>span{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.start-btn-flashy:hover{transform:scale(1.05)}.start-btn-flashy:hover>i{transform:scale(1.2) rotate(-10deg)}.start-btn-flashy:hover>span{transform:scale(1.05)}.start-btn-flashy:disabled{cursor:wait;opacity:.82;transform:none}.start-btn-flashy.is-loading{animation:pulse-glow-warm 1s infinite}.start-btn-flashy.is-loading>i{animation:camera-spin .85s linear infinite}#download{min-height:44px;padding:0 18px;border-radius:8px;background:var(--accent);color:#07120f;font-weight:900}#download{background:var(--accent-2)}button:disabled{cursor:not-allowed;opacity:.45}.shot-panel{grid-area:shot;width:100%;max-width:1240px;justify-self:center;padding:16px;display:grid;grid-template-columns:minmax(260px,420px) 1fr;grid-template-rows:auto auto;grid-template-areas:"header keywords" "snapshot keywords";gap:14px;max-height:none}.shot-panel .shot-header{grid-area:header}.shot-panel .snapshot-frame{grid-area:snapshot}.shot-panel .seo-list{grid-area:keywords}.snapshot-frame{position:relative;overflow:hidden;display:grid;place-items:center;min-height:240px;border:1px dashed var(--line);border-radius:8px;background:#00000038}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s}.carousel-btn:hover{background:#000c}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.shot-counter{position:absolute;bottom:10px;background:#0009;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700}#snapshot{display:none;width:100%;height:100%;object-fit:contain}#snapshot.has-image{display:block}#snapshotEmpty{padding:18px;color:var(--muted);text-align:center}.seo-list{border-top:1px solid var(--line);padding-top:14px}#keywordLinks{display:flex;flex-wrap:wrap;gap:8px}#keywordLinks a{color:var(--text);text-decoration:underline;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-size:.82rem}.search-content{grid-area:search;max-width:1240px;justify-self:center;padding:18px;color:var(--muted)}.search-content h2{margin-bottom:8px;color:var(--text);font-size:clamp(1.15rem,1.6vw,1.45rem)}.search-content>p{max-width:940px;margin-bottom:16px;line-height:1.6}.search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-grid article{padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff09}.search-grid p{margin-bottom:0;font-size:.92rem;line-height:1.5}.site-footer-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.site-footer-links a{color:var(--text);text-decoration:none;font-weight:800;font-size:.9rem;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.info-page{width:min(920px,calc(100vw - 28px));margin:18px auto 34px;padding:22px;color:var(--muted);line-height:1.65}.info-page h1,.info-page h2{color:var(--text);line-height:1.2}.info-page h1{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.5rem)}.info-page h2{margin-top:24px;font-size:1.15rem}.info-page p,.info-page li{max-width:760px}.info-page a{color:var(--accent)}.info-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.info-top .site-brand{text-decoration:none;color:inherit}.info-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.info-nav a{color:var(--text);text-decoration:none;font-weight:800;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.effect-button[data-category=funny]{border-color:#ff6b6b66;background:#ff6b6b14}.effect-button[data-category=funny][aria-pressed=true]{background:#ff8787;border-color:#ff8787;color:#111}.effect-button[data-category=classic]{border-color:#845ef766;background:#845ef714}.effect-button[data-category=classic][aria-pressed=true]{background:#b197fc;border-color:#b197fc;color:#111}.effect-button[data-category=fun]{border-color:#fcc41966;background:#fcc41914}.effect-button[data-category=fun][aria-pressed=true]{background:#fcc419;border-color:#fcc419;color:#111}.effect-button[data-category=color]{border-color:#3bc9db66;background:#3bc9db14}.effect-button[data-category=color][aria-pressed=true]{background:#66d9e8;border-color:#66d9e8;color:#111}.effect-button[data-category=glow]{border-color:#51cf6666;background:#51cf6614}.effect-button[data-category=glow][aria-pressed=true]{background:#69db7c;border-color:#69db7c;color:#111}.effect-button[data-category=warp]{border-color:#ff922b66;background:#ff922b14}.effect-button[data-category=warp][aria-pressed=true]{background:#ffa94d;border-color:#ffa94d;color:#111}.effect-button[data-category=art]{border-color:#f0659566;background:#f0659514}.effect-button[data-category=art][aria-pressed=true]{background:#fcc2d7;border-color:#fcc2d7;color:#111}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-areas:"camera" "shot" "search";width:min(100vw - 18px,820px);padding:9px 0 22px}.viewer{width:min(100%,calc(var(--camera-view-height) * var(--webcam-aspect-num, 1.777)));height:min(var(--camera-view-height),calc((100vw - 38px) / var(--webcam-aspect-num, 1.777)));aspect-ratio:var(--webcam-aspect);min-height:0}.shot-panel{position:static;grid-template-columns:1fr;grid-template-areas:"header" "snapshot" "keywords"}.effect-strip{max-height:174px}.search-grid{grid-template-columns:1fr}.info-top{align-items:flex-start;flex-direction:column}.info-nav{justify-content:flex-start}}@media(max-width:760px){.stage-top{align-items:flex-start}.studio-links{margin-left:auto;flex:0 0 auto}.studio-settings-toggle{display:inline-flex}.studio-settings-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:none;width:min(280px,calc(100vw - 24px));padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#1b1f28f5;box-shadow:0 18px 50px #00000061;backdrop-filter:blur(12px);justify-content:flex-start}.studio-links.is-open .studio-settings-menu{display:flex}.studio-settings-menu .aspect-ratio-control,.studio-settings-menu .brightness-control{flex:1 1 100%;justify-content:flex-start!important}.studio-settings-menu #aspectRatioWrapper,.studio-settings-menu #brightnessSliderWrapper{flex:1}.studio-settings-menu #aspectRatioSelect{width:100%!important}}@media(max-width:520px){:root{--camera-view-height: calc(100dvh - 162px) }.app-shell{width:100%;padding:0 0 18px;gap:10px}.camera-stage,.shot-panel,.search-content,.info-page{border-left:0;border-right:0;border-radius:0;padding:10px}.stage-top{align-items:flex-start;flex-direction:column}.site-brand{gap:10px}.site-logo{width:56px;height:56px}.studio-links{position:absolute;top:10px;right:10px;margin-left:0;justify-content:flex-end}.viewer{width:min(100%,calc(var(--camera-view-height) * var(--webcam-aspect-num, 1.777)));height:min(var(--camera-view-height),calc((100vw - 20px) / var(--webcam-aspect-num, 1.777)));aspect-ratio:var(--webcam-aspect);min-height:0}.effect-navigator-row{flex-wrap:wrap}.swipe-hint,.tap-hint{bottom:164px}.effect-navigator-row .timer-btn{order:1;flex:0 0 76px}.effect-navigator-row .capture-btn-small{order:1;flex:1 1 0;min-width:0;height:40px;justify-content:center;padding:0 12px}.effect-navigator{order:2;flex:0 0 100%}.category-select{order:3;flex:0 0 100%;width:100%}.actions{order:-1}.actions{gap:8px}.timer-btn{min-width:58px;padding:0 10px}.capture-btn-large{min-height:50px!important}.effect-strip{grid-template-columns:repeat(2,minmax(0,1fr));max-height:176px}}.editor-sidebar{display:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);flex-direction:column;overflow:hidden}.editor-sidebar.open{display:flex}.panels{flex:1;overflow-y:auto;padding:16px}.panel{display:none}.panel.active{display:block}.control-group{margin-bottom:16px;background:var(--panel-2);padding:12px;border-radius:8px}.control-group label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent)}.val-input{background:var(--bg);color:var(--accent);border:1px solid var(--line);border-radius:4px;padding:2px 4px;width:50px;text-align:right;font-family:inherit;font-size:.85rem}.checkbox-group{display:flex;gap:15px;margin-top:10px}.checkbox-group label{display:flex;align-items:center;gap:5px;font-size:.85rem;cursor:pointer}.editor-select{width:100%;padding:8px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:4px;margin-top:5px;font-family:inherit}.save-btn{background:var(--accent);color:#07120f;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700}.save-btn:hover{background:#16a38a}.layout-selector{position:relative}.layout-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:12px;background:var(--panel, #1b1f28);box-shadow:0 10px 30px #00000080;z-index:50;border:1px solid var(--line)}.layout-menu.open{display:block}.layout-menu button{width:100%;border:0;background:transparent;color:var(--text);padding:10px 12px;border-radius:8px;text-align:left;cursor:pointer}.layout-menu button:hover,.layout-menu button.active{background:#ffffff1a;color:var(--accent)}.layout-menu button span{display:block;font-weight:600;font-size:1rem}.layout-menu button small{display:block;opacity:.75;font-size:12px;margin-top:4px;color:var(--muted)}@media(max-width:480px){.layout-menu{right:-40px;min-width:200px}}.timer-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:0 12px;height:40px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:65px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.timer-btn i{color:#14f1d9}.timer-btn:hover{background:var(--panel-3);border-color:#fff3}#aspectRatioSelect option{color:#111318!important;background-color:#fff!important}