@font-face{font-family:Fraunces;src:url('/assets/Fraunces.ttf') format('truetype');font-display:swap}@font-face{font-family:Inter;src:url('/assets/Inter.ttf') format('truetype');font-display:swap}:root{--cream:#fff3df;--paper:#fffbf4;--navy:#233a4b;--honey:#f4c66c;--olive:#becb83;--body:#43514f;--line:#e3ded3;--muted:#6c736e;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f0;color:var(--navy);font:14px/1.6 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button,.button{border:1px solid var(--line);border-radius:9px;padding:11px 18px;background:var(--paper);color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:600;font-size:13px;transition:background .15s,transform .15s}button:hover,.button:hover{background:#eee9de}button:disabled{opacity:.4;cursor:not-allowed}.primary,.navy{background:var(--navy);border-color:var(--navy);color:var(--cream)}.primary:hover,.navy:hover{background:#34566a}.honey{background:var(--honey);border-color:var(--honey)}a{color:inherit;text-underline-offset:4px}a:hover{color:#936125}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.1;font-weight:550;letter-spacing:-.035em}h1{font-size:52px}h2{font-size:34px}h3{font-size:25px}p{color:var(--body)}img{max-width:100%;display:block}small{font-size:12px}:focus-visible{outline:3px solid #a36221;outline-offset:4px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;line-height:1.6}.wordmark{font-size:30px;font-weight:550;letter-spacing:-1.8px;text-decoration:none;line-height:1}.wordmark span{font-weight:450}.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83984d;margin-right:6px}.text-link{font-weight:600;font-size:13px;text-decoration:none}.text-link span{margin-left:10px}.text-button{background:none;border:none;padding:0;justify-content:flex-start}.site-nav{max-width:1320px;margin:auto;padding:30px 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8decd}.site-nav nav{display:flex;gap:36px;align-items:center}.site-nav nav>a:not(.button){font-size:12px;text-decoration:none}.landing{background:var(--cream)}.hero{max-width:1320px;margin:auto;padding:76px 56px 58px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:640px}.hero h1{font-size:clamp(58px,6.2vw,86px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}.hero h1 em{font-weight:450;color:#6a7b3f}.hero-description{font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0 18px}.hero-actions .button{padding:15px 22px}.hero-fine{font-size:10px;color:#73796d}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:440px}.hero-art>img{position:relative;width:100%;max-width:480px;z-index:1;filter:drop-shadow(0 23px 22px #233a4b16)}.art-orbit{width:430px;height:430px;max-width:100%;border-radius:50%;background:#eddfbe;position:absolute;transform:rotate(-12deg);border:1px solid #e1d1ac}.art-orbit:after{content:'';position:absolute;inset:-13px;border:1px dashed #b0a380;border-radius:50%}.float-tag{position:absolute;top:15px;left:30px;border-radius:6px;background:var(--paper);border:1px solid #e4dac9;box-shadow:0 6px 12px #233a4b08;padding:11px 17px;font-size:11px;transform:rotate(-6deg);z-index:2}.handwritten{position:absolute;bottom:-6px;right:36px;transform:rotate(-7deg);font:italic 22px Fraunces,Georgia,serif}.art-spark{position:absolute;right:5px;top:35px;font-size:60px;color:#e2a567}.brand-strip{max-width:1208px;margin:auto;padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-block:1px solid #d9d0bb;gap:25px;font-size:14px}.brand-strip>span:first-child{font-size:9px;letter-spacing:.15em;color:#65705f}.brand-strip i{font-style:normal;margin-left:16px;color:#927748}.possibilities{max-width:1320px;margin:auto;padding:85px 56px 80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:12px;margin-bottom:3px}.section-heading .eyebrow{margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-card{border:1px solid #ded4c1;border-radius:15px;overflow:hidden;text-decoration:none;background:#fff9ee;color:var(--navy);transition:transform .18s}.feature-card:hover{transform:translateY(-5px);color:var(--navy)}.feature-visual{height:280px;overflow:hidden;background:#d82b47}.music-card .feature-visual>img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:29px}.feature-copy .eyebrow{font-size:9px}.feature-copy h3{margin:14px 0}.feature-copy p{font-size:12px;line-height:1.8;min-height:65px}.feature-copy .text-link{font-size:11px}.story-visual{position:relative;background:#e6e4ce;padding:28px}.paper-note{padding:23px;background:#fff9eb;transform:rotate(-6deg);width:75%;box-shadow:0 8px 20px #233a4b12}.paper-note small{font-size:7px;letter-spacing:.1em;display:block;margin-bottom:20px}.paper-note strong{display:block;font:27px/1.1 Fraunces,serif}.paper-note span{font-size:8px;display:block;margin-top:15px}.story-visual>img{position:absolute;width:150px;bottom:2px;right:4px}.link-visual{background:#d5e1e0;display:flex;flex-direction:column;align-items:center;justify-content:center}.link-symbol{font-size:92px;line-height:1;margin-bottom:20px}.link-pill{background:var(--paper);padding:12px 20px;border-radius:10px;transform:rotate(-5deg);font-size:12px;box-shadow:0 8px 15px #233a4b11}.small-arrow{margin-top:17px;font:italic 15px Fraunces,serif;transform:rotate(-5deg)}.closing{background:var(--navy);color:var(--cream);max-width:1208px;margin:0 auto 70px;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px 70px;gap:50px;overflow:hidden}.closing>img{height:360px;width:100%;object-fit:contain}.closing h2{font-size:46px}.closing p{color:#d5d9cf}.closing .eyebrow{color:var(--honey)}.site-footer{max-width:1208px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 35px}.site-footer img{width:120px}.site-footer p,.site-footer>a:last-child{font-size:10px;margin:0}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#f1eee5;border-right:1px solid var(--line);padding:38px 23px 20px;display:flex;flex-direction:column;z-index:10}.sidebar .wordmark{margin-left:13px}.studio-label{font-size:8px;letter-spacing:.16em;color:#7b8075;margin:14px 13px 40px}.sidebar nav{display:grid;gap:7px}.nav-item{justify-content:flex-start;background:none;border-color:transparent;padding:12px 14px;font-size:18px;gap:12px}.nav-item span{font-size:11px;font-weight:550}.nav-item.active{background:var(--navy);color:var(--cream)}.sidebar-note{margin-top:auto;text-align:center;padding-top:40px}.sidebar-note img{width:135px;margin:0 auto -8px}.sidebar-note p{font:italic 21px/1.2 Fraunces,serif}.sidebar-bottom{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:15px}.sidebar-bottom a,.sidebar-bottom button{font-size:10px;text-align:left;padding:0;justify-content:flex-start;background:none;border:none;text-decoration:none}.workspace{margin-left:230px;padding:45px 45px 70px;max-width:1650px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.workspace-heading h1{font-size:36px;margin-bottom:11px}.workspace-heading p:not(.eyebrow){font-size:12px;margin-bottom:0}.workspace-heading .eyebrow{color:#7b8076;font-size:8px}.welcome-strip{background:#eee7d5;border:1px solid #e2d9c5;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:27px 35px;height:218px;overflow:hidden}.welcome-strip h2{font-size:31px;margin:10px 0}.welcome-strip p{font-size:12px;margin-bottom:18px}.welcome-strip img{height:230px;width:300px;object-fit:contain;align-self:center}.welcome-strip .text-button{font-size:11px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 32px;gap:20px}.metric-row>div{padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fffcf6}.metric-row span{font-size:10px;color:#687264;display:block}.metric-row strong{font:34px Fraunces,serif;display:block;margin-top:5px}.library-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;align-items:center}.filter-tabs{display:flex;gap:3px}.filter-tabs button{font-size:11px;background:none;border-color:transparent;padding:9px 14px}.filter-tabs button.selected{background:#eae6db;border-color:#e0d9ca}.search-tools{display:flex;gap:10px;align-items:center}input,textarea,select{width:100%;border:1px solid #d9d6cb;background:#fffdf8;border-radius:7px;padding:10px 12px;color:var(--navy);font-size:12px;line-height:1.6}input[readonly]{background:#f2efe6;color:#647166}textarea{resize:vertical;min-height:55px}label{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:6px;margin-bottom:15px;color:var(--body)}input::placeholder,textarea::placeholder{color:#8b9188;font-weight:400}.search-tools input{width:240px;padding:9px 14px}.collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.collection-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffcf6;min-width:0}.card-art{position:relative;width:100%;height:210px;border:0;border-radius:0;padding:0;overflow:hidden}.card-art>img{width:100%;height:100%;object-fit:cover}.status-pill{position:absolute;left:13px;top:13px;border:1px solid #ffffff70;background:#fffbf1e8;font-size:9px;padding:4px 9px;border-radius:30px;backdrop-filter:blur(8px);color:#58604c}.status-pill.published{color:#385d3a}.card-info{padding:20px}.card-info .eyebrow{font-size:8px;color:#788272}.card-info h3{font-size:23px;margin:8px 0}.card-info h3 button{border:0;background:none;padding:0;text-align:left;font:inherit;line-height:1.15}.short-url{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#778170;margin-bottom:16px}.card-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom span{font-size:9px;color:#778170}.card-bottom i{margin:0 5px;font-style:normal}.card-bottom button{padding:3px 9px;font-size:16px;background:none}.mini-paper{background:#fffbef;transform:rotate(-5deg);padding:20px 25px;width:76%;text-align:left;box-shadow:0 7px 15px #0001;color:var(--navy)}.mini-paper small{font-size:7px}.mini-paper strong{display:block;font:25px/1.1 Fraunces,serif;margin:15px 0;max-height:85px;overflow:hidden}.mini-paper span{font-size:25px}.empty-state{text-align:center;border:1px dashed #d7d5c6;border-radius:20px;padding:30px;grid-column:1/-1}.empty-state img{width:140px;margin:auto}.empty-state h2{font-size:28px;margin:10px 0}.empty-state p{font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.template-card{display:block;text-align:left;padding:0 0 24px;overflow:hidden;border-radius:16px}.template-card>img,.template-art{width:100%;height:210px;object-fit:cover;margin-bottom:22px}.template-card .eyebrow,.template-card h3,.template-card p,.template-card>strong{margin-left:24px;margin-right:24px}.template-card .eyebrow{font-size:8px}.template-card h3{margin-top:12px;margin-bottom:10px}.template-card p{font-size:11px;font-weight:400}.template-card>strong{font-size:11px}.template-art{display:flex;align-items:center;justify-content:center;overflow:hidden}.template-art img{height:100%;width:auto}.template-art span{font:70px/.8 Fraunces,serif}.cream,.theme-cream{background:#fff3df;color:#233a4b}.sage,.theme-sage{background:#e6ebd9;color:#2f463d}.rose,.theme-rose{background:#f9e5df;color:#582c35}.midnight,.theme-midnight{background:#233a4b;color:#fff3df}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:25px}.editor-actions{display:flex;align-items:center;gap:10px}.editor-actions>span{font-size:10px;color:#76806f;margin-right:8px}.editor-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1fr);gap:35px}.editor-panel{min-width:0}.editor-title{margin:10px 0 25px}.editor-title h1{font-size:36px;margin:10px 0}.editor-title .eyebrow{font-size:8px}.editor-section{padding:24px;background:#fffcf6;border:1px solid var(--line);border-radius:13px;margin-bottom:20px}.editor-section summary{font:23px Fraunces,serif;cursor:pointer;margin-bottom:22px;list-style:none;display:flex;justify-content:space-between}.editor-section summary span{font-size:21px;color:#89995b}.editor-section:not([open]) summary{margin-bottom:0}.url-input{display:flex;align-items:center;border:1px solid #d9d6cb;border-radius:7px;background:#fffdf8;overflow:hidden}.url-input>span{font-size:10px;color:#7b8575;padding-left:12px;white-space:nowrap}.url-input input{border:none;background:transparent;min-width:0;padding-left:3px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-fields label{min-width:0}.theme-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.theme-swatch{background:none;padding:0;border:0;display:flex;flex-direction:column;gap:7px;font-size:8px;line-height:1.2;font-weight:500;text-align:center}.theme-swatch>span{display:block;width:100%;height:37px;border-radius:6px;border:1px solid #233a4b20}.theme-swatch.cream>span{background:#fff3df}.theme-swatch.midnight>span{background:#233a4b}.theme-swatch.rose>span{background:#e8a077}.theme-swatch.sage>span{background:#becb83}.theme-swatch.chosen>span{outline:2px solid var(--navy);outline-offset:3px}.theme-swatch.midnight{color:var(--navy)}.upload-button{padding:10px;border:1px dashed #bdc3ad;border-radius:7px;cursor:pointer;display:block;text-align:center;font-size:11px;margin-bottom:5px}.hint{font-size:10px;color:#76806f;line-height:1.6;font-weight:400}.blocks-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.blocks-heading h2{font-size:23px;margin-bottom:22px}.blocks-heading>span{font-size:9px;color:#7d8575;margin-bottom:20px}.block-editor{border:1px solid #e0ded2;border-radius:10px;margin-bottom:15px;padding:14px;background:#f7f4eb}.block-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.block-toolbar strong{font-size:11px}.block-toolbar strong>span{color:#84916d;font-size:9px;margin-right:6px}.block-toolbar>div{display:flex;gap:4px}.block-toolbar button{font-size:14px;padding:2px 7px;background:none;border-color:transparent}.block-editor label:last-child{margin-bottom:0}.add-block{display:flex;gap:10px}.add-block select{flex:1}.add-block button{white-space:nowrap;font-size:11px}.editor-foot>p{font-size:10px;margin:15px 0}.editor-foot button{font-size:10px;margin-right:8px}.danger-text{color:#9b3941}.preview-panel{position:sticky;top:25px;align-self:start;min-width:0}.preview-panel>header{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.preview-panel header>span{font-size:9px;letter-spacing:.12em}.preview-panel header button{padding:6px 10px;font-size:9px;background:none;border-color:transparent}.preview-panel header button.selected{background:#e6e4d9}.preview-device{max-width:365px;margin:auto;padding:9px;border:1px solid #d4d1c3;background:#fffaf0;border-radius:35px;box-shadow:0 20px 45px #233a4b12;height:700px;transition:max-width .2s}.preview-device.wide{max-width:100%;border-radius:15px}.preview-device iframe{border:0;width:100%;height:100%;border-radius:26px;background:var(--cream)}.preview-device.wide iframe{border-radius:7px}.preview-note{text-align:center;font:italic 15px Fraunces,serif;color:#8b927c;margin-top:20px}.share-page{max-width:640px;margin:40px auto;border-radius:23px;overflow:hidden;box-shadow:0 20px 60px #233a4b0a}.share-inner{padding:44px 52px}.share-inner h1{font-size:54px;line-height:1.06;margin:16px 0 20px}.share-inner>.eyebrow{font-size:9px;color:inherit;opacity:.7}.share-description{font-size:16px;line-height:1.8;color:inherit}.byline{font-size:11px;border-bottom:1px solid #8883;padding-bottom:25px;margin-bottom:30px;color:inherit}.byline span{opacity:.65;margin-left:6px}.share-cover{width:100%;max-height:560px;object-fit:cover}.kind-mixtape .share-cover{aspect-ratio:1/1}.mixtape-brand{display:flex;align-items:center;gap:8px;padding:14px 22px;font-size:10px;font-weight:600;background:#fffaf2;color:var(--navy);border-bottom:1px solid #2221}.mixtape-brand img{width:24px;height:24px;border-radius:6px}.prose{white-space:normal;overflow-wrap:anywhere;font-size:15px;line-height:1.9;margin:25px 0 30px}.share-page blockquote{font:italic 30px/1.3 Fraunces,serif;margin:30px 0;padding:0 0 0 22px;border-left:3px solid var(--honey)}blockquote cite{font:11px Inter,sans-serif;display:block;margin-top:15px}.share-page figure{margin:25px 0}.share-page figure img{width:100%;border-radius:12px}.share-page figcaption{font-size:11px;opacity:.7;margin-top:10px}.share-page audio,.share-page video{width:100%;border-radius:10px}.track,.content-link{display:flex;align-items:center;gap:18px;text-decoration:none;padding:17px 0;color:inherit;border-bottom:1px solid #8883}.track:hover,.content-link:hover{color:inherit;opacity:.75}.track>span:nth-child(2){flex:1;min-width:0}.track strong,.content-link strong{font-size:13px;font-weight:600;display:block;overflow-wrap:anywhere}.track small,.content-link small{display:block;opacity:.65;font-size:10px;line-height:1.7;margin-top:4px;white-space:pre-line}.track-number{font:italic 18px Fraunces,serif;opacity:.55}.track-play{width:32px;height:32px;border-radius:50%;background:#8882;display:grid;place-items:center;font-size:17px}.content-link{border:1px solid #8883;padding:18px 20px;border-radius:10px;margin:15px 0;justify-content:space-between;background:#ffffff25;overflow-wrap:anywhere}.share-mascot{width:145px;margin:35px auto -8px}.share-footer{display:flex;justify-content:space-between;font-size:9px;opacity:.7;border-top:1px solid #8883;padding-top:20px;margin-top:25px}.share-footer a{font-weight:600;text-decoration:none}.theme-midnight .prose,.theme-midnight .share-description,.theme-midnight .byline{color:var(--cream)}.theme-midnight .share-footer{color:var(--cream)}.auth-card{max-width:560px;margin:60px auto;padding:30px;text-align:center}.auth-card>img{width:270px;margin:15px auto}.auth-card h1{font-size:45px}.auth-card>p{margin-bottom:28px}.auth-card .wordmark{display:inline-block;margin-bottom:10px}.demo-banner{text-align:center;font-size:11px;padding:15px;background:#e7e8d9}.demo-banner a{margin-left:10px}.stats-panel{border:1px solid var(--line);background:#fffcf6;border-radius:16px;padding:28px;margin-bottom:25px}.stats-panel h2{font-size:25px}.stats-panel p{font-size:12px}.stats-panel summary{cursor:pointer;font-weight:600}.chart{height:220px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);padding-top:20px}.chart-day{height:100%;flex:1;display:flex;gap:2px;align-items:flex-end}.chart-day span,.chart-day i{background:var(--navy);width:50%;min-height:2px;border-radius:3px 3px 0 0}.chart-day i{background:#96a85e}.chart-labels{display:flex;justify-content:space-between;font-size:9px;margin-top:10px;color:#75816c}.chart-empty{margin-top:20px;font-size:11px}.olive-ink{color:#778d43;margin-left:12px}.stats-tables{display:grid;grid-template-columns:1fr 1fr;gap:25px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{font-size:9px;color:#75816c}td:last-child,th:last-child{text-align:right}.integration-hero{display:flex;gap:30px;align-items:center;border:1px solid var(--line);padding:26px;border-radius:16px;background:#fffcf6;margin-bottom:25px}.integration-hero>img{width:130px;border-radius:24px}.integration-hero h2{font-size:28px;margin:10px 0}.integration-hero p{font-size:12px;margin-bottom:8px}.key-form{display:flex;gap:15px;align-items:flex-end;margin:25px 0}.key-form label{flex:1;min-width:0;margin:0}.key-form button{white-space:nowrap}.key-value{margin-bottom:20px}.skip-link{position:fixed;top:-50px;left:20px;z-index:100;background:var(--honey);padding:10px}.skip-link:focus{top:0}dialog{padding:35px;border:1px solid #d1cabb;background:#fffbf2;color:var(--navy);border-radius:22px;width:min(850px,94vw);max-height:90vh;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#182c3b70;backdrop-filter:blur(5px)}dialog h2{font-size:35px;margin-right:25px}dialog p{font-size:13px}.modal-close{position:absolute;right:15px;top:15px;padding:3px 10px;font-size:20px;background:none;border:none}.share-options{display:flex;gap:30px;align-items:center;margin:30px 0}.share-options>div{flex:1;min-width:0}.qr{width:180px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:15px 0}.button-row a{font-size:11px}.button-row button{font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:var(--cream);padding:14px 23px;border-radius:10px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}.print-sheet{max-width:900px;margin:40px auto;padding:25px}.print-tools{display:flex;gap:25px;align-items:center;margin-bottom:30px}.print-card{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border:1px dashed #bbb;overflow:hidden;border-radius:15px}.print-cover{width:100%;height:100%;object-fit:cover}.print-card>div{padding:30px}.print-card h1{font-size:32px}.print-card svg{width:150px;display:block;margin:20px 0}.print-card p{font-size:12px}.print-url{word-break:break-all}.print-card small{font-size:10px}@media(min-width:1500px){.collection{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.workspace{padding:35px 25px}.sidebar{width:200px;padding-inline:15px}.workspace{margin-left:200px}.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{gap:20px;grid-template-columns:1fr 1fr}.editor-section{padding:18px}.editor-actions>span{display:none}.workspace-heading h1{font-size:30px}.welcome-strip img{width:220px}.welcome-strip{padding:25px}.hero,.site-nav,.possibilities{padding-left:35px;padding-right:35px}.hero{padding-top:50px}.brand-strip,.site-footer{margin-left:35px;margin-right:35px}.closing{margin-left:35px;margin-right:35px;padding-inline:35px}.feature-visual{height:240px}.feature-copy{padding:23px}.feature-grid{gap:18px}.hero-art{min-height:350px}.art-orbit{width:340px;height:340px}.handwritten{bottom:20px;font-size:19px}.hero-actions{gap:15px;flex-wrap:wrap}.metric-row{gap:12px}.metric-row>div{padding:15px}.theme-choices{gap:7px}}@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:10px;min-height:560px}.hero h1{font-size:60px}.hero-description{font-size:13px}.hero-art{min-height:300px}.art-orbit{width:280px;height:280px}.float-tag{font-size:8px;left:0;top:30px}.art-spark{font-size:40px;right:-10px}.brand-strip{flex-wrap:wrap;justify-content:center;font-size:12px;gap:20px}.brand-strip>span:first-child{width:100%;text-align:center}.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:1fr 1.2fr}.feature-visual{height:100%;min-height:260px}.closing h2{font-size:37px}.sidebar{width:175px;padding-inline:10px}.sidebar .wordmark{font-size:27px}.studio-label{font-size:7px}.nav-item{gap:7px;padding:10px}.nav-item span{font-size:10px}.workspace{margin-left:175px;padding:30px 20px}.workspace-heading{align-items:flex-start}.workspace-heading h1{font-size:29px}.workspace-heading>.primary{font-size:10px;padding:10px;white-space:nowrap}.welcome-strip img{width:160px}.welcome-strip h2{font-size:27px}.welcome-strip p{max-width:250px}.metric-row{grid-template-columns:repeat(2,1fr)}.library-tools{flex-direction:column;align-items:stretch}.search-tools{justify-content:space-between}.search-tools input{width:100%}.editor-layout{display:block}.preview-panel{position:static;margin-top:30px}.preview-device{height:650px}.editor-heading{flex-wrap:wrap}.stats-tables{grid-template-columns:1fr}.key-form{flex-direction:column;align-items:stretch}.key-form button{align-self:flex-start}}@media(max-width:600px){.site-nav{padding:23px}.site-nav nav{gap:15px}.site-nav nav>a:not(.button){display:none}.site-nav .button{font-size:11px}.hero{display:flex;flex-direction:column;padding:45px 25px 30px;min-height:auto;text-align:center}.hero h1{font-size:62px;margin:20px 0}.hero-copy>.eyebrow{font-size:8px}.hero-description{font-size:13px}.hero-actions{justify-content:center;gap:20px}.hero-actions .button{padding:13px 18px}.hero-art{min-height:350px;width:100%;margin-top:25px}.hero-art>img{max-width:330px}.art-orbit{width:290px;height:290px}.float-tag{left:15px;top:8px;font-size:9px}.handwritten{bottom:0;right:15px;font-size:18px}.art-spark{right:5px;top:25px}.brand-strip{margin:20px 25px 0;padding:22px 0;gap:16px}.brand-strip>span{font-size:10px}.brand-strip i{margin-left:5px}.possibilities{padding:50px 25px}.section-heading{display:block}.section-heading h2{font-size:33px;margin-bottom:12px}.feature-card{display:block}.feature-visual{height:290px}.feature-copy{padding:26px}.feature-copy p{min-height:0}.closing{margin:0 25px 40px;display:flex;flex-direction:column;padding:15px 30px 40px;gap:0;text-align:center}.closing>img{height:270px}.closing h2{font-size:38px}.site-footer{margin:0 25px;flex-wrap:wrap;justify-content:center;text-align:center}.site-footer p{order:3;width:100%}.sidebar{position:static;width:100%;padding:18px 20px 12px;border-right:none;border-bottom:1px solid var(--line)}.sidebar .wordmark{margin:0;font-size:26px}.studio-label,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:3px;margin-top:16px;justify-content:space-between}.nav-item{flex:1;justify-content:center;padding:9px 5px;font-size:15px;gap:5px}.nav-item span{font-size:9px}.nav-item[data-view="templates"] span{font-size:0}.nav-item[data-view="templates"] span:after{content:'Templates';font-size:9px}.workspace{margin:0;padding:25px 18px 50px}.workspace-heading{margin-bottom:22px}.workspace-heading h1{font-size:28px}.workspace-heading .eyebrow{font-size:7px}.workspace-heading p:not(.eyebrow){font-size:11px}.workspace-heading>.primary{max-width:115px;white-space:normal;font-size:10px;padding:9px}.welcome-strip{height:190px;padding:20px}.welcome-strip>div{position:relative;z-index:1}.welcome-strip h2{font-size:25px;max-width:200px}.welcome-strip p{font-size:10px;max-width:200px}.welcome-strip img{width:140px;margin-left:-40px;margin-right:-22px;align-self:flex-end;height:155px;opacity:.9}.welcome-strip .eyebrow{font-size:8px}.welcome-strip .text-button{font-size:10px}.metric-row{margin:20px 0;gap:10px}.metric-row>div{padding:12px 15px}.metric-row strong{font-size:29px}.metric-row span{font-size:9px}.collection{gap:13px;grid-template-columns:1fr 1fr}.card-art{height:165px}.card-info{padding:14px}.card-info h3{font-size:20px}.card-bottom{gap:4px}.card-bottom span{font-size:8px}.card-bottom i{margin:0 2px}.card-bottom button{padding:1px 6px}.status-pill{font-size:8px;top:9px;left:9px}.mini-paper{padding:13px;width:85%}.mini-paper strong{font-size:22px}.mini-paper small{font-size:6px}.template-grid{gap:14px}.template-card>img,.template-art{height:150px;margin-bottom:16px}.template-card .eyebrow,.template-card h3,.template-card p,.template-card>strong{margin-left:15px;margin-right:15px}.template-card h3{font-size:22px}.template-card .eyebrow{font-size:7px}.template-card p{font-size:10px}.template-card>strong{font-size:10px}.editor-heading{gap:17px}.editor-actions{width:100%;justify-content:flex-end}.editor-actions>button{font-size:11px}.editor-layout{display:flex;flex-direction:column}.preview-panel{order:0}.share-page{margin:0;min-height:100vh;border-radius:0}.share-inner{padding:35px 26px}.share-inner h1{font-size:43px}.share-description{font-size:14px}.share-footer{font-size:9px}.share-cover{max-height:none}.auth-card{margin:25px auto;padding:25px}.auth-card h1{font-size:40px}.stats-panel{padding:20px}.stats-panel h2{font-size:23px}.chart{gap:3px;height:180px}.integration-hero{gap:16px;padding:18px;align-items:flex-start}.integration-hero>img{width:75px;border-radius:15px}.integration-hero h2{font-size:24px}.integration-hero p{font-size:11px}dialog{padding:27px 20px}dialog h2{font-size:29px}.share-options{flex-direction:column;gap:15px;align-items:stretch}.share-options .qr{width:160px;margin:auto}.print-card{grid-template-columns:1fr}.print-cover{max-height:350px}.print-sheet{padding:15px;margin:15px auto}.editor-section{padding:20px}.two-fields{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{body{background:white}.print-tools{display:none}.print-sheet{padding:0;margin:0}.print-card{width:180mm;grid-template-columns:1fr 1fr;border-radius:0;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-card>div{padding:10mm}.print-card h1{font-size:24pt}.print-cover{max-height:none}.print-card svg{width:35mm}.print-url{font-size:8pt}}

.invitation-card{max-width:620px}.invitation-card>.invitation-mascot{width:120px}.invitation-card h2{font-size:30px;overflow-wrap:anywhere}.invitation-card section{text-align:left}.invitation-card fieldset{padding:0;border:0;min-width:0}.invitation-card label{display:block;margin-top:20px;font-size:14px}.invitation-card input:not([type=checkbox]),.invitation-card textarea{width:100%;font:inherit;margin-top:7px}.invitation-card .invitation-consent{display:flex;flex-direction:row;font-weight:400;align-items:flex-start;gap:12px;margin-bottom:24px;line-height:1.6}.invitation-consent input{flex:none;width:20px;height:20px;margin-top:3px}.invitation-card [role=alert]{color:#8f2434}.invitation-card [hidden]{display:none!important}

.gift-app-action{margin:28px 0 34px}.gift-app-action .button{max-width:100%;box-sizing:border-box;text-align:center}.gift-app-action p{font-size:13px;line-height:1.6;opacity:.8;margin:12px 0 0;max-width:48ch}

/* Jørgen Larsen identities, matched to jorgen.larsen.id on 2026-10-23. */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/vollkorn-latin-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/vollkorn-latin-ext-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/space-grotesk-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/space-mono-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/playfair-display-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: MuseoModerno; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/museomoderno-600.woff2') format('woff2'); }
.theme-jl-main,.theme-swatch.jl-main{--jl-bg:#1c302c;--jl-text:#faf5ea;--jl-muted:#c7d1c3;--jl-accent:#e3ef9e;--jl-button-text:#1c302c;--jl-heading:Vollkorn,Georgia,serif;--jl-body:Vollkorn,Georgia,serif;--jl-weight:700;--jl-leading:1.08;--jl-tracking:-.04em}
.theme-jl-leadership,.theme-swatch.jl-leadership{--jl-bg:#fff;--jl-text:#15171a;--jl-muted:#505452;--jl-accent:#62622f;--jl-button-text:#fff;--jl-heading:"JL Inter",Arial,sans-serif;--jl-body:"JL Inter",Arial,sans-serif;--jl-weight:700;--jl-leading:1.04;--jl-tracking:-.055em}
.theme-jl-writing,.theme-swatch.jl-writing{--jl-bg:#fbfaf3;--jl-text:#171719;--jl-muted:#52514a;--jl-accent:#74653b;--jl-button-text:#fbfaf3;--jl-heading:"Space Grotesk",Arial,sans-serif;--jl-body:"Space Mono",monospace;--jl-weight:700;--jl-leading:1.05;--jl-tracking:-.05em}
.theme-jl-creative,.theme-swatch.jl-creative{--jl-bg:#fff;--jl-text:#151515;--jl-muted:#515151;--jl-accent:#151515;--jl-button-text:#fff;--jl-heading:MuseoModerno,Arial,sans-serif;--jl-body:"JL Inter",Arial,sans-serif;--jl-weight:600;--jl-leading:1.13;--jl-tracking:-.045em}
.theme-jl-products,.theme-swatch.jl-products{--jl-bg:#fff3df;--jl-text:#233a4b;--jl-muted:#485653;--jl-accent:#445a2f;--jl-button:#233a4b;--jl-button-text:#fff3df;--jl-heading:"JL Fraunces",Georgia,serif;--jl-body:"JL Inter",Arial,sans-serif;--jl-weight:400;--jl-leading:1.05;--jl-tracking:-.045em}
.theme-jl-running,.theme-swatch.jl-running{--jl-bg:#fff;--jl-text:#2f2f41;--jl-muted:#5c5a5a;--jl-accent:#2f2f41;--jl-button-text:#fff;--jl-heading:"Playfair Display",Georgia,serif;--jl-body:Helvetica,Arial,sans-serif;--jl-weight:700;--jl-leading:1.12;--jl-tracking:-.03em}
:is(.share-page,.print-card,.card-art)[class*="theme-jl-"]{background:var(--jl-bg);color:var(--jl-text);font-family:var(--jl-body);--body:var(--jl-muted)}
[class*="theme-jl-"] :is(h1,h2,h3,blockquote,.track-number){font-family:var(--jl-heading);font-weight:var(--jl-weight);letter-spacing:var(--jl-tracking);line-height:var(--jl-leading)}
[class*="theme-jl-"] blockquote{border-color:var(--jl-accent);font-style:normal}
[class*="theme-jl-"] :is(.byline,.share-footer,.track small,.content-link small){color:var(--jl-muted);opacity:1}
[class*="theme-jl-"] .mixtape-brand{background:transparent;color:var(--jl-text);font-family:Inter,Arial,sans-serif;border-color:color-mix(in srgb,var(--jl-text) 15%,transparent)}
[class*="theme-jl-"] a:hover{color:var(--jl-accent)}
[class*="theme-jl-"] .button.primary{background:var(--jl-button,var(--jl-accent));border-color:var(--jl-button,var(--jl-accent));color:var(--jl-button-text);font-family:Inter,Arial,sans-serif}
[class*="theme-jl-"] .button.primary:hover{background:var(--jl-accent);border-color:var(--jl-accent)}
[class*="theme-jl-"] :focus-visible{outline-color:var(--jl-accent)}
.theme-swatch>span{display:grid;place-items:center;font:22px/1.2 Fraunces,Georgia,serif}
.theme-swatch.midnight>span{color:#fff3df}
.theme-swatch[class*="jl-"]>span{background:var(--jl-bg);color:var(--jl-text);font-family:var(--jl-heading);font-weight:var(--jl-weight)}

@font-face{font-family:"JL Inter";src:url('/assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:"JL Fraunces";src:url('/assets/Fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}
.card-art[class*="theme-jl-"] .mini-paper{background:var(--jl-bg);color:var(--jl-text);font-family:var(--jl-heading);font-weight:var(--jl-weight)}

[class*="theme-jl-"] blockquote cite{font-family:var(--jl-body);letter-spacing:normal}
[class*="theme-jl-"] .share-footer{flex-wrap:wrap;gap:8px}
[class*="theme-jl-"] .share-footer a{white-space:nowrap}
.theme-jl-main :is(.eyebrow,.byline,.share-footer){font-family:"JL Inter",Arial,sans-serif}

/* Public community pages share the studio's palette and type. */
.community-nav{max-width:1180px;margin:auto;padding:26px 28px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}.community-nav .wordmark{margin-right:auto}.community-nav>a:not(.wordmark){font-size:14px}.community-main{max-width:1180px;margin:auto;padding:40px 28px 80px}.community-main h1{font-size:clamp(38px,6vw,68px);line-height:1.08;margin:16px 0}.community-main header>p:not(.eyebrow),.community-bio{max-width:700px;white-space:pre-wrap;overflow-wrap:anywhere}.community-note{font-size:14px;line-height:1.65;max-width:740px;color:var(--muted);margin:24px 0 36px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.community-card{border:1px solid var(--line);border-radius:22px;background:var(--paper,#fffaf1);overflow:hidden;min-width:0}.community-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#e5e5d1}.community-card>div{padding:24px}.community-card h2{font-size:30px;line-height:1.15;overflow-wrap:anywhere}.community-card p{white-space:pre-wrap;overflow-wrap:anywhere}.community-card .eyebrow{font-size:10px}.community-curator{display:inline-block;margin-top:18px;font-size:14px;font-weight:600}.community-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover}.community-intro{max-width:780px;margin:12px auto 24px;padding:24px 30px}.community-intro .community-note{margin-bottom:0}.community-more{margin-top:30px}.community-empty{grid-column:1/-1;padding:45px 28px;border:1px solid var(--line);border-radius:22px}.community-nav a:focus-visible,.community-main a:focus-visible,.community-intro a:focus-visible{outline:3px solid currentColor;outline-offset:5px}@media(max-width:850px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.community-grid{grid-template-columns:1fr}.community-nav{padding:22px;gap:18px}.community-nav .wordmark{width:100%}.community-main{padding:24px 22px 60px}.community-card img{max-height:330px}.community-intro{padding:22px}.community-card h2{font-size:28px}}

.music-player{margin:28px 0;padding:22px;border:1px solid currentColor;border-radius:18px}.music-player h2{font-size:28px;margin:0 0 12px}.music-player p{font-size:14px;line-height:1.6}.music-player-actions{display:flex;flex-wrap:wrap;gap:10px}.music-player button{font:inherit;font-size:14px;color:inherit;border:1px solid currentColor;background:transparent;min-height:44px;padding:10px 16px}.music-player button:focus-visible{outline:3px solid currentColor;outline-offset:3px}.music-player [hidden]{display:none!important}.music-player button:disabled{opacity:.6}

.music-now{margin:18px 0}.music-now>p:first-child{font-weight:600;margin-bottom:12px}.music-now label{display:block;font-size:12px}.music-now input[type=range]{display:block;width:100%;min-height:44px;accent-color:var(--jl-accent,var(--navy))}.music-player .music-time{font-variant-numeric:tabular-nums;font-size:12px;margin:0}.music-player .music-control-note{font-size:12px;margin-top:12px}

/* Mixtapes invitations use the cassette identity; PX7 Link's general pages retain their mascots. */
.invitation-card{max-width:680px;padding:clamp(24px,5vw,48px);text-align:left;background:var(--cream)}
.invitation-card .wordmark{display:inline-block;font-size:24px}
.invitation-card .invitation-cover{width:min(100%,390px);height:auto;max-height:270px;object-fit:contain;margin:28px auto 32px}
.invitation-card h1{font-size:clamp(36px,6vw,52px);max-width:16ch;margin-bottom:18px}
.invitation-card .invitation-intro{font-size:18px;line-height:1.6}
.invitation-reassurance{font-size:13px}
#invitation-status{font-size:13px;color:var(--muted)}
#invitation-app{margin:24px 0 16px}#invitation-app button{font-size:16px;min-height:50px;width:100%}#invitation-app p{font-size:12px;margin:10px 0 0}
#invitation-signin{min-height:44px;width:100%;background:transparent}
#invitation-preview{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}#invitation-preview h2{font-size:30px}#invitation-preview>p{font-size:14px}
#invitation-form{margin-top:24px}#invitation-form input:not([type=checkbox]),#invitation-form textarea{width:100%;min-height:44px}#invitation-block{margin-top:16px}
@media(max-width:540px){.invitation-card{margin:16px 12px}.invitation-card .invitation-cover{max-height:210px}.invitation-card h1{font-size:38px}}