:root{--studio-bg:#0c1114;--studio-panel:#131b1e;--studio-ink:#f1eee5;--studio-dim:#9ba8a5;--studio-gold:#e4c793;--studio-mint:#add9c5;--studio-border:#c3d4cb22;--pointer-x:50%;--pointer-y:35%}
body[data-studio] [hidden]{display:none!important}body[data-studio] a:focus-visible,body[data-studio] button:focus-visible,body[data-studio] select:focus-visible{outline:2px solid #e4c793;outline-offset:4px}
body[data-studio]{background:var(--studio-bg);color:var(--studio-ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body[data-studio]::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 700px 500px at var(--pointer-x) var(--pointer-y),#8bac9910,transparent 75%),radial-gradient(ellipse at 95% 0,#b38d4a0b,transparent 45%)}
body[data-studio] .ambient,body[data-studio] .library-ambient{opacity:.3;filter:saturate(.3)}
body[data-studio] .app,body[data-studio] .library-app{max-width:1920px;padding:0 24px 14px;gap:12px}
.studio-header{display:flex;align-items:center;gap:22px;min-height:92px;flex-shrink:0;border-bottom:1px solid var(--studio-border);position:relative;z-index:5;width:100%}
.studio-wordmark{display:flex;align-items:center;gap:11px;flex:none;color:var(--studio-ink);text-decoration:none;font-size:16px;font-weight:650;letter-spacing:2px;line-height:1.4}
.studio-wordmark small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:400;color:#84938c;margin-top:4px}
.studio-monogram{font-size:39px;color:var(--studio-gold);font-weight:400;line-height:1}
.studio-navigation{display:flex;align-items:center;gap:6px;margin:auto;min-width:0}
.studio-nav-item{display:flex;align-items:center;gap:8px;padding:13px 15px;border:1px solid transparent;border-radius:10px;color:#a9b3ad;font-size:13px;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,transform .25s;position:relative}
.studio-nav-item svg{width:17px;height:17px;flex:none}.nav-arrow{font-size:10px;opacity:.35;margin-left:4px;transition:transform .25s,opacity .25s}
.studio-nav-item:hover{background:#edf0da08;color:#fff;border-color:#c3d4cb25}.studio-nav-item:hover .nav-arrow{opacity:1;transform:translate(2px,-2px)}
.studio-nav-item.is-current{color:#f6e6c7;background:#e4c7930c}.studio-nav-item.is-current::after{content:"";position:absolute;height:2px;bottom:-24px;left:20px;right:20px;background:var(--studio-gold);box-shadow:0 0 12px #e4c79355}
.studio-nav-item.nav-collection{margin-left:28px;border-color:#bfa67666;color:#f3deaf;background:linear-gradient(110deg,#bd9a4617,#d4b68407);overflow:hidden}
.nav-collection::before{content:"";position:absolute;inset:-100% -60%;background:linear-gradient(110deg,transparent 35%,#e7cf9822 50%,transparent 65%);animation:studio-sweep 8s ease-in-out infinite;pointer-events:none}
.studio-local{font-size:9px;letter-spacing:1.4px;color:#81958b;white-space:nowrap;display:flex;align-items:center;gap:8px}.studio-local i,.entry-tags i{width:5px;height:5px;border-radius:50%;background:#a2ccae;box-shadow:0 0 10px #a2ccae55}
.studio-entry{flex:none;animation:studio-reveal .7s cubic-bezier(.2,.7,.2,1) both}
.entry-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;max-width:1320px;margin:0 auto;padding:65px 20px 50px;min-height:510px}
.studio-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.6px;color:#d2bb8e;font-weight:500}.studio-eyebrow>span{width:24px;height:1px;background:#bda272}
.entry-copy h1,.home-hero h1{font-size:clamp(36px,3.8vw,59px);line-height:1.35;font-weight:500;letter-spacing:-1.8px;margin:25px 0 21px;color:#f1eee5}.entry-copy h1 em,.home-hero h1 em{font-weight:400;font-style:normal;color:#b8d1bd}
.entry-copy>p{font-size:14px;color:#9eaaa2;line-height:2;max-width:480px;margin:0 0 30px}
.entry-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;min-height:50px;padding:13px 20px;border-radius:9px;border:1px solid #a3b4a33a;background:#d2decb06;color:#cbd4c9;font-size:13px;font-weight:550;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer}.studio-button svg{width:18px;height:18px}.studio-button b{font-size:15px;font-weight:400;margin-left:10px}.studio-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0004;background:#b3c4b815}.studio-button:active{transform:translateY(0) scale(.98)}
.studio-button.primary-entry{color:#1b2722;background:linear-gradient(115deg,#e3d2ad,#b9cdb4);border-color:#e3d2ad77;box-shadow:0 4px 25px #d0c29a0e}.primary-entry::after{content:"";position:absolute;inset:0;transform:translateX(-130%);background:linear-gradient(110deg,transparent,#fff6,transparent);pointer-events:none}.primary-entry:hover::after{animation:studio-sweep .9s ease}
.entry-tags{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#82988c;margin-top:24px}.entry-resume{display:flex;align-items:center;gap:15px;font-size:12px;color:#8cae9b;margin-top:25px}.studio-text{border:0;background:none;color:#e0c798;font-size:12px;cursor:pointer;padding:7px 0}.studio-text:hover{color:white}
.entry-utilities{display:flex;gap:18px;margin-top:20px;align-items:center;flex-wrap:wrap}.entry-utilities button{background:none;border:0;border-bottom:1px solid #c3d4cb33;padding:6px 0;color:#a7b8ad;font-size:11px;cursor:pointer}.entry-utilities button:hover{color:#e4c793;border-color:#e4c793}.entry-utilities select{font:inherit;font-size:11px;color:#bdcaba;border:1px solid #c3d4cb33;background:#17221c;border-radius:7px;padding:7px}
.studio-art{height:385px;position:relative;isolation:isolate;border:1px solid #c7d6bc1f;border-radius:20px;background:radial-gradient(ellipse at 55% 48%,#46675230,transparent 65%),linear-gradient(140deg,#b8c3a508,#bdb99403);overflow:hidden;box-shadow:inset 0 0 70px #0001,0 40px 100px #0002}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b4cbb30a 1px,transparent 1px),linear-gradient(90deg,#b4cbb30a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 75%)}
.art-coordinate{position:absolute;top:24px;left:25px;font:9px monospace;letter-spacing:2px;color:#788c78}.art-core{position:absolute;left:50%;top:49%;width:134px;height:142px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #cdd6af55;border-radius:26px;background:linear-gradient(145deg,#36483cf5,#19261ff5);box-shadow:0 0 60px #bad29d11,inset 0 1px #d9dab32a;z-index:2}
.art-core svg{width:41px;height:41px;color:#dfcea4;margin-bottom:16px}.art-core>span{font-size:10px;letter-spacing:2px;color:#d6d8c3}.art-core>small{font:7px monospace;letter-spacing:2px;color:#7e9c88;margin-top:7px}
.orbit{position:absolute;top:49%;left:50%;width:255px;height:255px;border:1px solid #a9c99b23;border-radius:50%;transform:translate(-50%,-50%);animation:studio-orbit 40s linear infinite}.orbit::after{content:"";position:absolute;top:32px;left:32px;width:5px;height:5px;background:#d8c08c;box-shadow:0 0 14px #d8c08c77;border-radius:50%}.orbit-two{width:355px;height:355px;border-style:dashed;border-color:#9eb48a18;animation-direction:reverse;animation-duration:65s}.orbit-two::after{width:3px;height:3px;left:50px;top:50px;background:#a2c9b6}
.art-note{position:absolute;padding:13px 15px;border:1px solid #a4bd9b36;border-radius:10px;background:linear-gradient(130deg,#24352bf5,#17251ff5);font-size:11px;letter-spacing:.3px;z-index:3;box-shadow:0 10px 30px #0003;animation:studio-float 7s ease-in-out infinite}.art-note small{display:block;font:7px monospace;letter-spacing:1.5px;color:#7c9788;margin:7px 0 0 13px}.art-note i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c6ce9f;margin-right:8px}.art-note>span{margin-right:7px;color:#d8bc8d}.note-one{top:66px;left:25px}.note-two{right:20px;top:150px;animation-delay:-2s}.note-three{left:38px;bottom:59px;animation-delay:-4s}.art-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font:7px monospace;letter-spacing:1px;color:#8a9a83}.art-bottom span:first-child{color:#b5bf8e}.art-path{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#b1b99199,transparent);width:140px;z-index:1}.path-one{top:129px;left:78px;transform:rotate(30deg)}.path-two{bottom:116px;right:60px;transform:rotate(-32deg)}
.art-role{background:radial-gradient(ellipse at 55% 48%,#45596b30,transparent 65%),linear-gradient(140deg,#b8c3a508,#bdb99403)}.art-role .art-core{background:linear-gradient(145deg,#34464b,#18252d)}.art-prompt .art-core{background:linear-gradient(145deg,#514631,#28251d)}.art-prompt{background:radial-gradient(ellipse at 55% 48%,#7c613930,transparent 65%)}
.entry-bottom{max-width:1280px;margin:0 auto;border-top:1px solid #c3d4cb1c;padding-top:25px}.entry-bottom-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.entry-bottom-title>span{font-size:9px;letter-spacing:2.2px;color:#a6af99}.entry-bottom-title h2{font-size:13px;font-weight:400;color:#9fae9e;margin:0}.entry-features{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-top:26px}.entry-features article{padding:0 0 20px;transition:transform .3s}.entry-features article:hover{transform:translateY(-4px)}.entry-features article>span{font:10px monospace;color:#a78f68}.entry-features h3{font-size:16px;font-weight:500;margin:12px 0 9px;letter-spacing:.5px}.entry-features p{font-size:12px;line-height:1.9;color:#87978c;margin:0;max-width:330px}.entry-caption{max-width:1280px;margin:12px auto 0;display:flex;justify-content:space-between;border-top:1px solid #c3d4cb14;padding:19px 0;font-size:9px;letter-spacing:1px;color:#697e70}
/* Global navigation and contextual operations occupy separate, wrapping rows. */
body[data-studio] .bar{min-height:51px;flex-wrap:wrap;padding:8px 12px;border-radius:11px;border-color:#a7b5a524;background:#d3dfcc04;gap:12px;box-shadow:none;backdrop-filter:none;flex-shrink:0}
body[data-studio] .bar .logo{display:none}body[data-studio] .bar .brand small{display:none}body[data-studio] .bar .brand strong{font-size:13px;letter-spacing:1px;color:#bccbbc;font-weight:500;white-space:normal}body[data-studio] .bar-side{margin-left:auto;flex-wrap:wrap;gap:7px}body[data-studio] .bar-side .pill{display:none}body[data-studio] .bar-side .prompt-library-link{display:none}
.studio-overview-toggle{border:0;background:none;color:#b7beaa;white-space:nowrap;font-size:11px;padding:8px;cursor:pointer}.studio-overview-toggle:hover{color:#e4c793}
body[data-studio] .toolstrip{gap:7px;padding:0 3px;flex-shrink:0}body[data-studio] .toolstrip .helper{flex:1 1 260px;font-size:11px}body[data-studio] .btn{border-radius:8px;min-height:35px;padding:8px 11px;font-size:11px;font-weight:500;border-color:#aac1ac33;background:#d3dfcc06;color:#c9d6ca}body[data-studio] .btn.primary{color:#17291e;background:linear-gradient(110deg,#d7d3b1,#b6d0bb);border-color:#d5d8b299}body[data-studio] .btn.hot{color:#e5d2a8;background:#a98c4d24;border-color:#bfa66a66}body[data-studio] .btn:hover:not(:disabled){border-color:#c5cfb377;box-shadow:0 5px 20px #0003;transform:translateY(-1px)}
body[data-studio] .surface{border-color:#aec0af28;box-shadow:0 10px 35px #0002;background:linear-gradient(135deg,#192421f5,#111b1df5);border-radius:13px}body[data-studio] .reader-top,body[data-studio] .section-head,body[data-studio] .prompt-detail-head{background:#b6c9a903;border-color:#aec0af22}body[data-studio] .search{background:#0b1517;border-color:#8aa48c33;border-radius:8px;color:#d2ded0}body[data-studio] .view,body[data-studio] .library-layout{min-height:0;animation:studio-reveal .45s ease both}
body[data-studio] .library-bar{flex-wrap:wrap;background:#d3dfcc04;border:1px solid #a7b5a524;border-radius:11px;padding:10px 12px;gap:12px;box-shadow:none;backdrop-filter:none;min-height:0}body[data-studio] .library-brand .library-mark{display:none}body[data-studio] .library-brand small{display:none}body[data-studio] .library-brand h1{font-size:14px;letter-spacing:1px}body[data-studio] .library-actions{flex-wrap:wrap;margin-left:auto;justify-content:flex-start}body[data-studio] .scope-label{margin-left:auto;min-width:0}body[data-studio] .library-statusline{flex-shrink:0}body[data-studio] .library-footer{flex-shrink:0}
body[data-stage="workspace"] .studio-entry{display:none}body[data-stage="overview"]{overflow:auto}body[data-stage="overview"] .app,body[data-stage="overview"] .library-app{height:auto;min-height:100dvh}body[data-stage="overview"] .app>.bar,body[data-stage="overview"] .app>.toolstrip,body[data-stage="overview"] .app>.workspace-controls,body[data-stage="overview"] .app>.view,body[data-stage="overview"] .app>.warning-strip,body[data-stage="overview"] .library-bar,body[data-stage="overview"] .library-layout,body[data-stage="overview"] .library-statusline{display:none!important}body[data-stage="overview"] .asset-legal{margin-top:auto}body[data-stage="overview"] .studio-overview-toggle{display:none}body[data-stage="overview"] .library-footer{margin-top:auto}
.studio-home{max-width:1440px;margin:auto;padding:0 38px;position:relative;min-height:100dvh;display:flex;flex-direction:column}.home-hero{max-width:1180px;width:100%;margin:0 auto;padding:76px 0 48px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}.home-hero h1{font-size:clamp(44px,4.3vw,68px);line-height:1.28;margin:25px 0}.home-hero p{font-size:14px;line-height:2;color:#9eaaa2;max-width:470px}.home-edition{font:10px monospace;color:#7f9c88;letter-spacing:2px;display:flex;align-items:center;gap:14px;margin-bottom:24px}.home-edition::before{content:"";height:1px;width:40px;background:#788f75}
.home-composition{position:relative;min-height:315px}.home-circle{position:absolute;width:290px;height:290px;border:1px solid #b5c29d22;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.home-circle::before{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed #c3d4cb22;animation:studio-spin 70s linear infinite}.home-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.home-center strong{font-family:Georgia,serif;font-size:104px;font-weight:400;letter-spacing:-7px;color:#d4c5a0;text-shadow:0 0 70px #c6bc8122}.home-center small{display:block;font:8px monospace;letter-spacing:4px;color:#99ac93}.home-chip{position:absolute;padding:12px 16px;background:linear-gradient(130deg,#243028ee,#141d18ee);border:1px solid #c3d4cb33;border-radius:10px;box-shadow:0 12px 25px #0003;animation:studio-float 8s ease-in-out infinite;color:#d1d7c1;font-size:11px;letter-spacing:1px}.home-chip small{display:block;color:#879b87;font:7px monospace;letter-spacing:1px;margin-top:7px}.chip-a{top:16px;left:5%}.chip-b{right:0;top:130px;animation-delay:-3s}.chip-c{bottom:6px;left:10%;animation-delay:-5s}
.home-workspaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:10px 0 42px}.home-workspace{color:var(--studio-ink);text-decoration:none;position:relative;isolation:isolate;border:1px solid #c3d4cb26;border-radius:16px;padding:29px 27px 25px;background:linear-gradient(140deg,#a8c3a609,#a5b09303);overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;min-height:250px;display:flex;flex-direction:column}.home-workspace::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at top right,#abc59813,transparent 70%);opacity:0;transition:opacity .35s}.home-workspace:hover{transform:translateY(-7px);border-color:#c8c7a466;box-shadow:0 20px 55px #0004}.home-workspace:hover::before{opacity:1}.workspace-card-top{display:flex;justify-content:space-between;align-items:center;color:#a0b19b;font:10px monospace;letter-spacing:1.5px}.workspace-card-top svg{width:27px;height:27px;stroke:#d9c49a}.home-workspace h2{font-size:22px;font-weight:500;letter-spacing:1px;margin:27px 0 12px}.home-workspace p{font-size:12px;color:#91a28f;line-height:1.95;margin:0 0 24px;max-width:310px}.workspace-card-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;color:#cbb993}.workspace-card-link b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c3d4cb33;border-radius:50%;font-size:16px;font-weight:400;transition:background .3s,transform .3s}.home-workspace:hover b{background:#c6bc8122;transform:rotate(45deg)}.home-workspace.collection-card{border-color:#bda1664d;background:linear-gradient(135deg,#b9964210,#b5aa7b05)}
.home-footer{margin-top:auto;border-top:1px solid #c3d4cb22;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#788c7b}.home-footer a{color:#9eaf9e;text-decoration:none}.home-footer a:hover{color:#e4c793}.home-footer span:first-child{letter-spacing:1.5px}.home-import{display:flex;align-items:center;gap:20px}.home-import>span{font-size:11px;color:#829788}
/* Thumbnail previews are independent from full-size images. */
.prompt-thumbnail-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:11px 0 7px;min-width:0}.prompt-thumbnail{position:relative;display:block;aspect-ratio:1.18;background:#d7dccb08;border:1px solid #c3d4cb26;border-radius:7px;overflow:hidden;min-width:0}.prompt-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s,transform .4s}.prompt-thumbnail img.loaded{opacity:1}.prompt-thumbnail:hover img{transform:scale(1.06)}.prompt-thumbnail .thumbnail-more{position:absolute;bottom:4px;right:4px;border-radius:4px;padding:3px 5px;font-size:10px;background:#0a141cdf;color:#f3eee2}.prompt-thumbnail.thumbnail-failed::after{content:"预览暂不可用";position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:#97a398}.prompt-thumbnail-strip.single-image{grid-template-columns:1fr}.prompt-thumbnail-strip.single-image .prompt-thumbnail{aspect-ratio:2.3}.prompt-card{content-visibility:auto;contain-intrinsic-size:auto 145px}
@keyframes studio-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes studio-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes studio-spin{to{transform:rotate(360deg)}}@keyframes studio-sweep{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}
.studio-paused *,.studio-paused *::before,.studio-paused *::after{animation-play-state:paused!important}
body[data-studio] .btn:active:not(:disabled),.studio-nav-item:active{transform:scale(.97)}
.studio-saving .studio-local i{animation:studio-status 1.4s ease-in-out infinite}.studio-save-error .studio-local{color:#e5ac99}.studio-save-error .studio-local i{background:#e5ac99}@keyframes studio-status{50%{opacity:.35;box-shadow:0 0 15px #b1d5a788}}
@media(min-width:1600px){.entry-hero{padding-top:85px;padding-bottom:70px;min-height:570px}.studio-art{height:420px}.entry-copy h1{font-size:62px}}
@media(max-width:1200px){.studio-local{display:none}.studio-header{gap:14px}.studio-navigation{margin-left:auto;margin-right:0}.studio-nav-item{padding:12px 11px;font-size:12px}.studio-nav-item.nav-collection{margin-left:12px}.studio-wordmark{font-size:14px}.entry-hero{padding:50px 10px 40px;gap:25px}.entry-copy h1{font-size:42px}.studio-art{height:350px}.art-note{font-size:10px;padding:11px}.note-two{right:10px}.note-one{left:12px}.note-three{left:18px}.home-hero{gap:28px;padding-top:55px}.home-workspace{padding:25px 22px}}
@media(max-width:900px){body[data-studio] .app,body[data-studio] .library-app{padding:0 16px 12px}.studio-header{flex-wrap:wrap;gap:8px;min-height:0;padding:18px 0 0}.studio-wordmark{width:100%;justify-content:center}.studio-monogram{font-size:30px}.studio-wordmark small{font-size:7px}.studio-navigation{margin:10px auto 0;justify-content:center;width:100%;padding-bottom:12px}.studio-nav-item.is-current::after{bottom:-13px}.studio-nav-item.nav-collection{margin-left:10px}.entry-hero{gap:20px;padding-top:42px}.entry-copy h1{font-size:35px}.entry-copy>p{font-size:12px}.studio-art{height:330px}.art-core{width:105px;height:122px}.art-core svg{width:31px;height:31px}.art-note{max-width:150px}.note-two{right:7px;top:151px}.art-bottom span:last-child{display:none}.entry-actions .studio-button{font-size:11px;padding:12px;min-height:44px}.entry-features{gap:22px}.entry-bottom-title h2{font-size:11px}.home-hero h1{font-size:46px}.home-composition{min-height:280px}.home-circle{width:240px;height:240px}.home-chip{font-size:10px}.home-workspace h2{font-size:19px}.home-workspaces{gap:10px}.home-workspace{padding:23px 18px}.home-footer{flex-wrap:wrap}.studio-home{padding:0 22px}body[data-studio] .bar .brand{display:none}}
@media(max-width:650px){.studio-nav-item{gap:5px;padding:10px 8px;font-size:11px}.studio-nav-item svg{width:14px;height:14px}.studio-nav-item .nav-arrow{display:none}.studio-nav-item.nav-collection{margin-left:6px}.studio-navigation{gap:2px}.entry-hero{grid-template-columns:1fr;padding:35px 4px 27px;gap:28px}.entry-copy h1{font-size:39px;letter-spacing:-1px;margin-top:21px}.entry-copy>p{max-width:100%;font-size:13px;margin-bottom:24px}.studio-eyebrow{font-size:8px;letter-spacing:1.7px}.entry-tags{gap:12px;font-size:9px}.studio-art{height:290px}.art-core{width:115px;height:125px}.orbit-one{width:210px;height:210px}.orbit-two{width:290px;height:290px}.note-one{top:48px;left:18px}.note-two{top:126px;right:12px}.note-three{bottom:48px;left:23px}.art-note{font-size:10px}.entry-bottom-title{display:block}.entry-bottom-title h2{margin-top:12px}.entry-features{grid-template-columns:1fr;gap:0;padding-top:8px}.entry-features article{display:grid;grid-template-columns:33px 1fr;gap:0 10px;border-bottom:1px solid #c3d4cb14;padding:20px 0}.entry-features article>span{grid-row:span 2;padding-top:3px}.entry-features h3{margin:0 0 7px;font-size:15px}.entry-features p{grid-column:2;font-size:12px;max-width:100%}.entry-caption{gap:15px;align-items:center;font-size:8px;line-height:1.8}.entry-caption span:last-child{text-align:right;max-width:90px}.home-hero{grid-template-columns:1fr;gap:12px;padding:40px 0 20px}.home-hero h1{font-size:45px;margin:22px 0}.home-hero p{font-size:13px}.home-composition{min-height:255px;margin:10px 15px 0}.home-center strong{font-size:87px}.home-workspaces{grid-template-columns:1fr;padding-bottom:25px;gap:13px}.home-workspace{min-height:0;padding:24px}.home-workspace h2{font-size:23px;margin:20px 0 10px}.home-workspace p{margin-bottom:15px;max-width:100%}.home-footer{font-size:9px;line-height:1.8;padding:18px 0}.home-import{flex-wrap:wrap;gap:12px}.home-import>span{font-size:10px}body[data-studio] .bar-side{margin-left:0}body[data-studio] .library-actions{width:100%;margin:0}body[data-studio] .library-bar{gap:10px}body[data-studio] .scope-label{margin-left:0}body[data-studio] .library-brand{margin-right:auto}body[data-studio] .library-layout{min-height:600px}}
@media(prefers-reduced-motion:reduce){body[data-studio] *,body[data-studio] *::before,body[data-studio] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-studio]::before{background:none}}