@charset "UTF-8";
:root{--paper:#faf9f6;--white:#fff;--ink:#373a36;--muted:#86857e;--gold:#a38a62;--gold-dark:#846d47;--line:#e9e6df;--rose:#e9d7d1;--olive:#697364;--serif:"Iowan Old Style","Baskerville","Yu Mincho","Hiragino Mincho ProN",serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input,select{min-width:0;color:var(--ink)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button span[data-icon],.search>span,.cohort-select>span{display:inline-flex;align-items:center}p,h1,h2,h3{margin-top:0}h1,h2,h3{font-weight:500}p{margin-bottom:1em}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:10px;z-index:100;background:var(--white);padding:10px}.skip:focus{top:10px}.shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;background:#f5f3ee;border-right:1px solid var(--line);padding:40px 22px 20px;z-index:10}.brand{display:flex;align-items:center;gap:13px;padding:0 11px;color:#6e644f;font-family:var(--serif);font-size:26px;letter-spacing:3px;line-height:1.1}.brand svg{width:34px;height:44px;stroke-width:.6;stroke:var(--gold)}.brand-sub{display:block;font-size:10px;letter-spacing:4.7px;margin-top:7px}.side-label{font-size:9px;letter-spacing:1.7px;color:#91918a;font-weight:500;margin:47px 14px 17px}.primary-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;text-align:left;gap:12px;font-size:12px;padding:12px 13px;border-radius:5px;white-space:nowrap;width:100%;transition:.2s}.nav-item svg{width:17px;height:17px;stroke-width:1.4}.nav-item:hover{background:#edeae3}.nav-item.active{background:#e9e4d9;color:#806b48}.nav-count{margin-left:auto;font-size:10px;color:#a19682}.cohort-nav{border-top:1px solid #e5e1d8;margin:26px 8px 0;padding-top:0}.cohort-nav .side-label{margin:24px 6px 12px}.cohort-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:9px 6px;font-size:11px;color:#797c73;width:100%}.cohort-nav button:hover{color:var(--gold-dark)}.cohort-dot{width:5px;height:5px;border:1px solid #b4ad9e;transform:rotate(45deg)}.side-bottom{margin-top:auto;padding-top:40px}.member-note{display:flex;align-items:center;gap:12px;border-top:1px solid #e5e1d8;padding:22px 8px 17px}.tiny-diamond{font-size:25px;color:#ad9875}.member-note p{font-family:var(--serif);font-size:11px;line-height:1.6;margin:0;color:#77776f}.member-note small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:1.2px;margin-top:5px}.studio-link{font-size:11px}.studio-link>span:last-child{margin-left:auto}.side-version{display:block;font-size:7px;letter-spacing:1.2px;color:#aaa79f;padding:15px 12px 0}.main-shell{margin-left:244px;width:calc(100% - 244px)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(250,249,246,.9)}.topbar-academy{font-size:10px;color:#8b8c82;letter-spacing:2.3px}.topbar-right{display:flex;align-items:center;gap:22px}.preview-badge{font-size:10px;color:#92876e;display:flex;gap:6px;align-items:center}.preview-badge>span{width:5px;height:5px;background:#ab9874;border-radius:50%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;flex-shrink:0}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:#eeeae2}.avatar{border:1px solid #dfd7c5;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:14px;color:var(--gold)}main{max-width:1430px;margin:0 auto;padding:35px 48px 0}main:focus{outline:none}.eyebrow{font-size:8px;font-weight:500;letter-spacing:2px;color:#a08e6c;margin:0 0 9px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{font-family:var(--serif);font-size:25px;letter-spacing:2px;margin:0;line-height:1.5}.small-note{font-size:10px;color:#99988e;margin-top:18px;letter-spacing:.5px}.hero{position:relative;overflow:hidden;background:#ede8dd;min-height:310px;border:1px solid #e6dfcf;display:flex;margin-bottom:33px}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:1;padding:30px 42px 28px;width:60%}.hero-eyebrow{font-size:9px;letter-spacing:3px;color:#9d8e72}.hero h2{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.8;letter-spacing:5px;margin:12px 0 12px}.hero p{font-size:10px;color:#868275;letter-spacing:.7px;line-height:1.9;margin-bottom:16px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;color:#8d7958;padding:3px 0;border-bottom:1px solid #c8ba9f}.text-link:hover{color:#554b39}.text-link>span{font-size:16px}.hero-art{position:absolute;width:45%;right:0;top:0;bottom:0;background:radial-gradient(ellipse at 45% 65%,#f7f1e6 0,#e9e0d1 65%,#e2d8c8);overflow:hidden}.arch{position:absolute;border:1px solid rgba(166,143,103,.16);border-radius:200px 200px 0 0;transform:rotate(18deg)}.arch-one{width:240px;height:360px;right:21px;top:-70px;box-shadow:inset 30px 0 35px rgba(255,255,255,.3),10px 20px 35px rgba(164,143,108,.08)}.arch-two{width:310px;height:420px;right:-9px;top:-95px}.art-orbit{position:absolute;width:220px;height:220px;border:1px solid rgba(171,145,94,.3);border-radius:50%;top:55px;left:22%;transform:rotate(-20deg) scaleX(.7)}.art-pearl{position:absolute;bottom:45px;left:18%;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fffefb,#f1e8db 52%,#d5c8b3 88%);box-shadow:15px 17px 20px rgba(144,122,85,.18)}.art-jewel{position:absolute;width:138px;height:180px;top:51px;left:37%;stroke-width:.6;transform:rotate(9deg)}.art-caption{position:absolute;bottom:26px;right:26px;font-size:6px;letter-spacing:2.4px;color:#a18d68;writing-mode:vertical-rl}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);margin-bottom:17px}.type-tabs{display:flex;gap:25px;white-space:nowrap;align-self:stretch}.type-tabs button{font-size:11px;padding:14px 1px 17px;position:relative;color:#a09f97;letter-spacing:1px}.type-tabs button span{font-size:10px;letter-spacing:0;margin-left:7px}.type-tabs button.active{color:#7b6c51}.type-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}.search{display:flex;align-items:center;background:white;border:1px solid #e8e5dd;border-radius:4px;width:255px;padding:0 12px;gap:8px;margin-bottom:7px}.search svg{width:15px;height:15px;color:#989789}.search input{border:0;background:transparent;outline:0;width:100%;padding:9px 0;font-size:10px}.search input::placeholder{color:#aaa99f}.search kbd{font-size:11px;color:#b1afa5;border:1px solid #eeece6;padding:0 4px;line-height:17px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:33px}.category-chips{display:flex;gap:7px;flex-wrap:wrap}.category-chips button{border:1px solid var(--line);border-radius:3px;background:transparent;color:#99968b;padding:6px 10px;font-size:8px;letter-spacing:.6px;line-height:1.5}.category-chips button.active{background:#f0ece3;border-color:#d8cdb8;color:#8a7651}.category-chips button:hover{border-color:#c4b699}.cohort-select{display:flex;align-items:center;flex-shrink:0;gap:8px;color:#908d81}.cohort-select svg{width:14px;height:14px}.cohort-select select{appearance:none;border:0;background:none;font-size:9px;color:#8c887a;padding:7px 2px;max-width:130px}.select-chevron{font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2{font-family:var(--serif);font-size:19px;letter-spacing:1px;margin:0}.count-label{font-size:9px;color:#a09b8d}.sort-select{display:flex;gap:9px;align-items:center}.sort-select select{appearance:none;border:0;background:none;font-size:10px;color:#989488;cursor:pointer}.sort-select span{font-size:12px;color:#a19b8b}.sample-note{font-size:9px;display:flex;align-items:center;gap:5px;color:#a4a094;margin-bottom:19px}.sample-note svg{width:11px;height:11px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 21px}.content-card{position:relative;min-width:0}.card-open{display:block;width:100%;text-align:left;padding:0}.card-visual{height:auto;aspect-ratio:1.8;background:#eae5db;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #e4ded0;transition:filter .3s}.card-open:hover .card-visual{filter:brightness(1.03)}.visual-mind{background:#e9e4d8;color:#b6a482}.visual-appearance{background:#eaded8;color:#bd9d8e}.visual-voice{background:#e0e5df;color:#9ca58e}.visual-movement{background:#dedfd9;color:#a0a28e}.visual-unclassified{background:#e8e6e0;color:#b0a68f}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.2),transparent 70%);pointer-events:none}.visual-label{position:absolute;top:15px;left:17px;font-family:var(--serif);font-size:10px;letter-spacing:3px;color:#7f7b6d}.visual-index{position:absolute;left:17px;bottom:14px;font-size:6px;letter-spacing:1.7px;color:#99917c}.visual-wave{display:flex;align-items:center;justify-content:center;height:60px;gap:3px;opacity:.6}.visual-wave i{width:1px;height:var(--h);background:currentColor}.visual-disc{height:80px;width:80px;position:relative;border:1px solid currentColor;border-radius:50%;opacity:.55}.visual-disc:before,.visual-disc:after{content:"";position:absolute;inset:11px;border:1px solid currentColor;border-radius:50%}.visual-disc:after{inset:22px}.visual-arch{height:100px;width:70px;border:1px solid currentColor;border-radius:70px 70px 0 0;opacity:.6;transform:rotate(14deg)}.visual-arch:before{content:"";position:absolute;inset:8px;border:1px solid currentColor;border-radius:70px 70px 0 0}.visual-lesson{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#e7e2d6,#cfc8b9);display:flex;align-items:center;justify-content:center;flex-direction:column}.visual-lesson .lesson-academy{font-size:6px;letter-spacing:2px;color:#8d826e;position:absolute;top:17px;left:17px}.visual-lesson strong{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:2px;color:#7f745e;line-height:1.2}.visual-lesson small{font-size:8px;letter-spacing:3px;color:#9e8f75;margin-top:9px}.visual-lesson:before,.visual-lesson:after{content:"";position:absolute;width:110px;height:160px;border:1px solid rgba(158,141,110,.3);border-radius:100px 100px 0 0;right:-37px;top:-20px;transform:rotate(25deg)}.visual-lesson:after{right:-20px;top:-13px;width:120px;height:190px}.card-play{position:absolute;right:12px;bottom:12px;width:28px;height:28px;background:rgba(255,255,255,.83);border-radius:50%;display:grid;place-items:center;color:#8f7d5e;z-index:1}.card-play svg{width:11px;height:11px;fill:currentColor;stroke:none}.card-duration{position:absolute;right:11px;top:12px;color:#88806f;font-size:8px;z-index:1}.card-meta{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.4px;color:#a59a85;margin:13px 0 5px}.card-type{font-size:7px;letter-spacing:1.2px;color:#9e8660}.meta-separator{width:1px;height:7px;background:#d5cdbd}.card-title{font-size:11px;font-weight:500;letter-spacing:.4px;line-height:1.8;margin:0 23px 5px 0;overflow-wrap:anywhere}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom>span{font-size:8px;color:#a29f93}.bookmark-btn{position:absolute;bottom:0;right:-6px;width:27px;height:27px;display:grid;place-items:center;color:#b8b09d}.bookmark-btn svg{width:14px;height:14px}.bookmark-btn.saved{color:#a38a62}.bookmark-btn.saved svg{fill:#d9cbb3}.empty-state{text-align:center;border:1px dashed var(--line);padding:55px 20px}.empty-state>span svg{width:30px;height:30px;color:#b7a68a;margin-bottom:15px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:3px;font-size:11px;line-height:1.5;min-height:40px;transition:.2s}.button svg{width:15px;height:15px}.primary{background:#8d7a59;color:white;border:1px solid #8d7a59}.primary:hover{background:#7d694b}.secondary{border:1px solid #ded7ca;background:transparent;color:#8a7859}.secondary:hover{background:#f0ece4}.full{width:100%}.load-more{display:flex;margin:33px auto 0;padding:10px 50px}.page-footer{margin-top:48px;padding:25px 0 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#aba595;font-size:8px}.footer-brand{font-family:var(--serif);letter-spacing:1.7px;font-size:9px}.page-footer small{margin-left:auto;font-size:7px;letter-spacing:.7px}.mobile-brand,.mobile-nav{display:none}.audio-dock{position:fixed;bottom:0;left:244px;right:0;background:#fcfbf8;border-top:1px solid #dfd6c4;box-shadow:0 -3px 20px #59513e07;display:flex;align-items:center;gap:24px;padding:14px 32px;z-index:30;min-height:83px}.dock-track{display:flex;align-items:center;gap:12px;text-align:left;max-width:35%;width:280px;padding:0}.dock-art{width:48px;height:48px;border:1px solid #ded6c5;display:grid;place-items:center;background:#ebe5d9;color:#a99066;flex-shrink:0}.dock-art svg{width:24px;height:24px}.dock-track>span{overflow:hidden;min-width:0}.dock-track small{font-size:7px;letter-spacing:1.7px;color:#a08c68;display:block}.dock-track strong{display:block;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-controls{display:flex;align-items:center;gap:10px}.dock-controls>.icon-btn{width:29px;height:29px;color:#8d816c}.play-button{border-radius:50%;background:#978260;color:white;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.play-button svg{width:14px;height:14px}.play-button .play-icon{fill:currentColor}.dock-progress{display:flex;align-items:center;gap:10px;flex:1;font-size:8px;color:#9f9685}.dock-progress input{accent-color:#ab946c;width:100%;height:2px;cursor:pointer}.audio-dock>#dock-close{color:#afa693;margin-left:auto}body.has-player{padding-bottom:85px}dialog{border:1px solid #dfd7c8;border-radius:5px;background:var(--paper);padding:0;width:min(560px,calc(100% - 36px));max-height:90vh;box-shadow:0 30px 100px #423a2d33;color:var(--ink)}dialog::backdrop{background:#34352e66;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-bottom:1px solid var(--line)}.dialog-top .eyebrow{margin:0}.dialog-art{height:190px;position:relative;background:#e9e4d8}.dialog-art>.card-visual{height:100%;border:0;aspect-ratio:auto}.dialog-art .visual-wave{height:100%;gap:4px;transform:scale(1.3)}.dialog-content{padding:23px 30px 28px}.dialog-content h2{font-family:var(--serif);font-size:22px;line-height:1.7;letter-spacing:1px;margin:8px 0 13px}.dialog-content p{font-size:12px;color:#8a887c;line-height:1.9;overflow-wrap:anywhere}.dialog-content .card-meta{font-size:9px}.dialog-content #dialog-action{margin-top:23px}.dialog-content .video-warning{font-size:10px;margin:11px 0 0}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.video-frame{width:100%;aspect-ratio:16/9;border:0;display:block}.video-unavailable{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px}.toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translateX(-50%);padding:12px 24px;color:white;background:#625f53;box-shadow:0 5px 20px #0001;border-radius:4px;z-index:100;font-size:12px;max-width:80%;text-align:center}body.has-player .toast{bottom:105px}.muted{color:#a09c8f!important;font-size:11px!important}.studio-intro{background:#eeeadf;border:1px solid #e5ddcd;display:flex;gap:20px;align-items:center;padding:25px 30px}.studio-intro>span svg{width:30px;height:30px;color:#b6a079}.studio-intro h2{font-family:var(--serif);font-size:22px;letter-spacing:1px;margin:0 0 8px}.studio-intro p{font-size:11px;color:#928975;margin:0}.demo-notice{font-size:10px;color:#9e927d;margin:15px 0 30px;line-height:1.9}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:60px}.panel{background:#fdfcf9;border:1px solid var(--line);padding:26px}.panel-title{display:flex;align-items:center;gap:15px;margin-bottom:22px}.step-number{font-family:var(--serif);font-size:27px;font-weight:400;color:#bba88a}.panel-title .eyebrow{font-size:7px;margin-bottom:3px}.panel-title h2{font-family:var(--serif);font-size:19px;letter-spacing:1px;margin:0}.status-tag{font-size:8px;letter-spacing:1px;color:#a69a83;background:#f1ede3;padding:3px 7px;margin-left:auto;border-radius:3px}.upload-illustration{padding:25px 5px;text-align:center;border:1px dashed #ddd4c3;background:#f7f5ef}.upload-illustration>span svg{width:35px;height:35px;color:#b9a37d;margin-bottom:15px}.upload-illustration h3{font-size:12px;margin-bottom:8px}.upload-illustration p{font-size:10px;color:#9c9381;margin:0}.filename-example{margin-top:20px;font-size:9px;color:#aaa18f}.filename-example span{display:block;margin-bottom:5px}.filename-example code{font-family:var(--sans);font-size:10px;color:#8b7d65;overflow-wrap:anywhere}.panel-footnote{font-size:9px;color:#a39b8b;line-height:1.9;margin:17px 0 0}.panel form label,.panel #issued-link label{font-size:10px;color:#857963;display:block;margin-bottom:7px}.required{font-size:7px;color:#ada28e;margin-left:7px}.panel input,.panel select{width:100%;padding:10px 11px;border:1px solid #e5dfd3;background:#fdfcf9;border-radius:3px;font-size:10px;min-height:39px;margin-bottom:17px}.panel input::placeholder{color:#b8b0a2}.url-field{display:flex;gap:8px;align-items:flex-start}.url-field input{flex:1;min-width:0}.url-field button{white-space:nowrap;padding:10px 12px;min-height:39px;font-size:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-message{font-size:9px;color:#a29886;margin:0 0 15px}.form-message.error{color:#a35845}.form-message.success{color:#788465}.access-panel>p,.domain-panel>p{font-size:11px;color:#96907f;line-height:1.9}.access-status{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin:5px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#928774}.access-status>span{display:flex;align-items:center;gap:7px}.access-status i{width:5px;height:5px;border-radius:50%;background:#9ba689}.access-status strong{font-size:10px;font-weight:500}.domain-panel .domain-name{font-family:var(--serif);color:#ac9872;font-size:21px;line-height:1.5;margin-top:26px;letter-spacing:1px}.domain-name strong{font-weight:400;font-size:22px;color:#8f7d5e;overflow-wrap:anywhere}.domain-info{display:grid;grid-template-columns:auto 1fr;font-size:9px;gap:13px 16px;margin:23px 0 0;border-top:1px solid var(--line);padding-top:20px}.domain-info>span{color:#aba18e}.domain-info>strong{font-weight:400;color:#8b816e}#issued-link{padding:20px 0 0}#issued-link p{font-size:9px;color:#9b927f;margin:0 0 15px}#issued-link input{font-size:9px}#gate{text-align:center;padding:90px 15px 120px}#gate .gate-mark{font-size:60px;color:#b69d74;line-height:1.3;margin-bottom:30px}#gate h1{font-family:var(--serif);font-size:33px;font-weight:400;letter-spacing:4px;line-height:1.8;margin:20px 0}#gate p{font-size:12px;color:#928977}#gate .button{margin-top:15px}
@media(min-width:1500px){main{padding-top:45px}.hero{min-height:360px}.hero-copy{padding:38px 50px}.hero h2{font-size:38px}.hero p{font-size:12px}.hero-art{width:43%}.art-jewel{top:65px;left:34%;width:160px;height:200px}.card-title{font-size:13px}.card-meta{font-size:9px}.card-bottom>span{font-size:9px}.category-chips button{font-size:9px;padding:7px 14px}.search{width:280px}.hero-eyebrow{font-size:10px}.filter-bar{margin-bottom:40px}.card-visual{aspect-ratio:1.85}.visual-lesson strong{font-size:36px}}
@media(max-width:1190px){.sidebar{width:210px;padding:30px 15px 20px}.brand{font-size:23px;gap:10px}.brand svg{width:30px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 32px}main{padding:30px 32px 0}.hero-copy{padding:28px 30px}.hero h2{font-size:30px}.category-chips{gap:5px}.category-chips button{font-size:7px;padding:6px 8px}.cohort-select{gap:4px}.cohort-select select{font-size:8px}.type-tabs{gap:20px}.type-tabs button{font-size:10px}.search{width:215px}.content-grid{gap:25px 17px}.card-title{font-size:10px}.audio-dock{left:210px;gap:16px;padding:13px 22px}.dock-track{width:220px}.dock-controls{gap:4px}.hero-art{width:42%}.art-orbit{left:12%}.art-jewel{left:28%}.studio-grid{gap:16px}.panel{padding:22px}.panel-title h2{font-size:17px}}
@media(max-width:960px){.filter-bar{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:24px}.cohort-select{align-self:flex-end}.category-chips button{font-size:8px;padding:6px 10px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-tabs{gap:15px}.type-tabs button span{display:none}.search{width:195px}.hero h2{font-size:27px;letter-spacing:3px}.hero-copy{width:65%;padding:30px 27px}.hero-art{width:38%}.art-pearl{left:4%;width:45px;height:45px}.art-jewel{left:20%;width:115px}.art-caption{right:16px}.small-note{display:none}.dock-track{width:190px;max-width:43%}.dock-progress{display:none}.dock-controls{margin-left:auto}.studio-grid{grid-template-columns:1fr}.studio-intro h2{font-size:20px}.domain-panel .domain-name br{display:none}.domain-panel .domain-name{font-size:19px}.domain-name strong{font-size:19px}}
@media(max-width:700px){body{font-size:13px}.sidebar{display:none}.main-shell{margin-left:0;width:100%}.topbar{height:64px;padding:0 23px;position:sticky;top:0;z-index:20;background:rgba(250,249,246,.97);backdrop-filter:blur(12px)}.topbar-academy{display:none}.mobile-brand{display:block;font-family:var(--serif);font-size:20px;letter-spacing:2px;color:#75684f}.mobile-brand span{font-size:8px;letter-spacing:2px;margin-left:5px}.topbar-right{gap:12px}.topbar-right .avatar{display:none}.preview-badge{font-size:8px}.icon-btn{width:30px;height:30px}.topbar-right .icon-btn svg{width:15px;height:15px}main{padding:25px 23px 0}.page-heading{margin-bottom:19px;align-items:flex-start}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:6px}.page-heading h1{font-size:22px;letter-spacing:1.5px}.hero{min-height:296px;margin-bottom:23px}.hero-copy{padding:26px 22px;width:75%}.hero-eyebrow{font-size:7px;letter-spacing:2.7px}.hero h2{font-size:27px;letter-spacing:3px;line-height:1.85;margin:14px 0 15px}.hero p{font-size:9px;letter-spacing:.4px;margin-bottom:20px}.hero-art{width:36%;opacity:.7;background:linear-gradient(90deg,transparent,#e5dac8)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ede8dd,transparent 90%);z-index:1}.art-jewel{left:17%;width:92px;height:126px;top:85px;z-index:1;opacity:.7}.art-pearl{left:16%;bottom:37px;width:43px;height:43px}.art-orbit{width:125px;height:180px;top:48px;left:15%}.arch-one{width:150px;height:320px;right:-35px;top:-35px}.arch-two{width:180px;height:370px;right:-47px;top:-55px}.art-caption{font-size:5px;bottom:18px;right:9px;letter-spacing:1.7px}.text-link{font-size:10px;gap:16px}.library-toolbar{flex-direction:column-reverse;align-items:stretch;gap:5px;margin-bottom:16px}.search{width:100%;padding:0 12px;margin:0 0 9px;background:#fffdfa}.search input{font-size:11px;padding:11px 0}.search svg{width:16px;height:16px}.search kbd{display:none}.type-tabs{gap:29px}.type-tabs button{font-size:11px;padding:13px 1px 14px}.type-tabs button span{display:inline;font-size:9px;margin-left:6px}.filter-bar{margin-bottom:22px;gap:13px}.category-chips{flex-wrap:nowrap;max-width:calc(100vw - 23px);overflow-x:auto;width:calc(100% + 23px);padding-right:23px;scrollbar-width:none;gap:6px}.category-chips::-webkit-scrollbar{display:none}.category-chips button{font-size:8px;white-space:nowrap;flex-shrink:0;padding:7px 11px}.cohort-select{align-self:flex-start;gap:7px}.cohort-select select{font-size:10px;max-width:180px;padding:5px 1px}.cohort-select svg{width:14px;height:14px}.section-heading h2{font-size:18px}.count-label{font-size:9px}.sort-select select{font-size:9px}.sample-note{font-size:8px;align-items:flex-start;line-height:1.7;gap:5px;margin-top:9px}.sample-note svg{margin-top:1px}.content-grid{gap:24px 13px}.card-visual{aspect-ratio:1.35}.visual-label{font-size:8px;letter-spacing:2px;top:12px;left:11px}.visual-index{font-size:5px;left:11px;bottom:12px;letter-spacing:1px}.visual-wave{gap:2px;transform:scale(.8)}.visual-arch{height:75px;width:55px}.visual-disc{width:65px;height:65px}.card-play{width:24px;height:24px;right:9px;bottom:9px}.card-play svg{width:9px;height:9px}.card-duration{font-size:7px;right:9px;top:10px}.visual-lesson strong{font-size:25px}.visual-lesson .lesson-academy{font-size:5px;letter-spacing:1px;top:14px;left:11px}.visual-lesson small{font-size:6px;letter-spacing:2px}.card-meta{gap:5px;flex-wrap:wrap;font-size:7px;margin:11px 0 5px}.card-type{font-size:6px;letter-spacing:.9px}.card-title{font-size:10px;line-height:1.85;letter-spacing:.1px;margin-right:2px}.card-bottom>span{font-size:7px;padding-right:15px}.bookmark-btn{bottom:-4px;width:24px;height:24px}.bookmark-btn svg{width:13px;height:13px}.page-footer{margin-top:34px;padding:20px 0 95px;gap:7px;flex-wrap:wrap;font-size:7px}.page-footer small{width:100%;margin:0}.footer-brand{font-size:8px;margin-right:7px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);height:65px;padding:6px 12px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#faf9f6fa;backdrop-filter:blur(12px);position:fixed;bottom:0;left:0;right:0;z-index:35}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#a7a193;font-size:8px;padding:3px 0}.mobile-nav svg{width:19px;height:19px;stroke-width:1.4}.mobile-nav button.active{color:#8b7350}.audio-dock{left:0;bottom:65px;padding:9px 16px;gap:12px;min-height:70px}.dock-track{width:auto;max-width:65%;flex:1;gap:9px}.dock-art{width:40px;height:40px}.dock-art svg{width:21px}.dock-track strong{font-size:10px}.dock-track small{font-size:6px}.dock-controls{gap:0}.dock-controls>.icon-btn{display:none}.play-button{width:33px;height:33px}.audio-dock>#dock-close{width:24px;margin:0}.audio-dock>#dock-close svg{width:14px}.dock-progress{position:absolute;display:flex;left:0;right:0;bottom:-1px;gap:0;height:3px}.dock-progress span{display:none}.dock-progress input{height:3px;padding:0;margin:0;appearance:none;background:#ddd4c1;border-radius:0}.dock-progress input::-webkit-slider-thumb{appearance:none;width:6px;height:6px;background:#9a845c;border-radius:50%}body.has-player .page-footer{padding-bottom:165px}body.has-player .toast{bottom:150px}.toast{bottom:85px;left:50%;font-size:10px;padding:11px 17px;min-width:220px;max-width:calc(100% - 35px)}.dialog-top{padding:10px 12px}.dialog-art{height:165px}.dialog-content{padding:20px 22px 24px}.dialog-content h2{font-size:21px}.dialog-content p{font-size:11px}.dialog-buttons .button{padding:10px 15px}.studio-intro{padding:21px 19px;gap:14px}.studio-intro h2{font-size:18px}.studio-intro p{font-size:9px}.studio-intro>span svg{width:25px;height:25px}.demo-notice{font-size:9px;margin-bottom:23px}.panel{padding:23px 20px}.panel-title{gap:13px}.panel-title h2{font-size:18px}.studio-grid{gap:17px;padding-bottom:70px}.panel input,.panel select{font-size:11px}.form-row{gap:10px}.domain-panel .domain-name br{display:block}.domain-panel .domain-name,.domain-name strong{font-size:22px}.page-heading>.text-link{font-size:8px;gap:7px;margin-top:24px}.page-heading>.text-link span{font-size:12px}.mobile-studio{margin:15px 0 0;color:#8a7859;font-size:9px;border-bottom:1px solid #c9b99a}#gate{padding:70px 0 110px}#gate h1{font-size:29px}#gate p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.mobile-studio{display:none}.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.modal-progress{display:flex;align-items:center;gap:12px;font-size:10px;color:#9b8d76;margin-top:14px}.modal-progress input{flex:1;width:100%;accent-color:#a38a62;height:36px;cursor:pointer}.modal-skips{display:flex;justify-content:space-between;margin-top:0}.modal-skips button{display:flex;align-items:center;gap:8px;font-size:10px;color:#9a8b71;min-height:36px}.modal-skips svg{width:17px;height:17px}@media(max-width:700px){.mobile-studio{display:block}.page-heading .mobile-studio{font-size:9px;margin-top:26px;white-space:nowrap}.modal-progress input{height:44px}.modal-skips button{min-height:44px}}

.local-preview-entry{margin-top:40px}.local-preview-entry .muted{margin-top:10px;font-size:9px!important}
/* Readable labels on pearl backgrounds. */
.hero p{color:#797263}.sample-note{color:#817b6e}.card-meta{color:#817763}.card-type{color:#89714e}.card-bottom>span{color:#827b6e}.category-chips button{color:#827866}.count-label{color:#8c8474}.card-title{font-size:12px}.panel-footnote{color:#867c69}.demo-notice{color:#867961}.form-message{color:#887c66}.studio-intro p{color:#81735e}.access-panel>p,.domain-panel>p{color:#837761}.side-version{color:#8b8577}
@media(max-width:700px){.hero p{font-size:10px}.card-title{font-size:12px;line-height:1.8}.card-meta{font-size:9px}.card-type{font-size:8px}.card-bottom>span{font-size:9px}.category-chips button{font-size:9px}.visual-label{font-size:9px}.sample-note{font-size:9px}.sort-select select{font-size:10px}.mobile-nav button{font-size:9px}.cohort-select select{font-size:11px}.card-visual{aspect-ratio:1.35}.mobile-studio{color:#7c6a4f}.panel-footnote{font-size:10px}.panel input,.panel select{font-size:12px}.panel form label{font-size:11px}.form-message{font-size:10px}.demo-notice{font-size:10px}.studio-intro p{font-size:11px}.upload-illustration p{font-size:11px}.access-panel>p,.domain-panel>p{font-size:12px}.panel .domain-info{font-size:10px}}

/* === Compact library design 2026-11-09 === */

/* Compact library presentation; studio forms, dialogs and playback dock retain
   their existing styles. All content remains a single, readable list. */
.topbar { height: 60px; }
#library { max-width: 1100px; margin: -15px auto 0; }
#library .library-heading {
  min-height: 44px;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
}
#library .library-heading h1 {
  font-size: 19px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #625842;
}
#library .library-toolbar {
  min-height: 52px;
  gap: 16px;
  margin-bottom: 10px;
}
#library .type-tabs { gap: 25px; }
#library .type-tabs button {
  min-height: 44px;
  padding: 10px 1px;
  font-size: 12px;
  color: #716b60;
}
#library .type-tabs button span { font-size: 11px; }
#library .type-tabs button.active { color: #78603b; }
#library .search { height: 44px; margin-bottom: 0; background: #fffefa; }
#library .search input { padding: 10px 0; font-size: 14px; }
#library .search input::placeholder { color: #807b70; }
#library .search svg { width: 17px; height: 17px; color: #82765f; }
#library .filter-bar {
  min-height: 44px;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
#library .category-chips { flex: 1; gap: 6px; }
#library .category-chips button {
  min-height: 34px;
  padding: 6px 10px;
  font-size: 10px;
  color: #756953;
}
#library .category-chips button.active {
  background: #eee7d9;
  border-color: #cbb996;
  color: #715b36;
}
#library .category-select { display: none; }
#library .cohort-select {
  min-height: 44px;
  align-self: auto;
  gap: 7px;
  color: #786d58;
}
#library .cohort-select select {
  max-width: 190px;
  min-height: 44px;
  padding: 8px 1px;
  font-size: 12px;
  color: #685f4e;
}
#library .section-heading { min-height: 28px; margin: 0; }
#library .section-heading > div { gap: 8px; }
#library .section-heading h2 { font-size: 17px; letter-spacing: .5px; }
#library .count-label { font-size: 11px; color: #756f62; }
#library .sort-select { gap: 5px; min-height: 28px; }
#library .sort-select select { min-height: 28px; font-size: 11px; color: #746952; }
#library .sample-note {
  min-height: 18px;
  margin: 0 0 8px;
  align-items: center;
  font-size: 11px;
  line-height: 18px;
  color: #777062;
}
#library .sample-note svg { width: 12px; height: 12px; margin: 0; }
#library .content-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #ded8cc;
}
#library .content-row {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 76px;
  min-height: 76px;
  border-bottom: 1px solid var(--line);
  background: transparent;
  transition: background-color .15s ease;
}
#library .content-row.is-playing { background: #f2ede2; }
#library .row-open {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 13px;
  min-width: 0;
  height: 100%;
  padding: 8px 8px 8px 0;
  text-align: left;
}
#library .row-kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border: 1px solid #e0d5c1;
  border-radius: 5px;
  background: #eee7da;
  color: #92764d;
}
#library .row-kind.video { background: #f0e4df; border-color: #e6d4cc; color: #97776c; }
#library .row-kind svg { width: 18px; height: 18px; }
#library .row-kind img { display: block; width: 100%; height: 100%; object-fit: cover; }
#library .row-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
#library .row-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 16px;
  font-size: 11px;
  line-height: 16px;
  color: #746f63;
  letter-spacing: .2px;
}
#library .row-type { font-size: 11px; color: #80663f; }
#library .row-type.video { color: #8b665f; }
#library .row-title {
  display: block;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .1px;
  color: #373a36;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#library .row-detail { font-size: 11px; line-height: 15px; color: #777063; }
#library .row-play,
#library .row-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 5px;
  color: #8b7350;
}
#library .row-play { gap: 6px; min-width: 74px; padding: 0 9px; }
#library .row-play svg { width: 17px; height: 17px; }
#library .row-play .play-icon { fill: currentColor; }
#library .row-play-text { font-size: 11px; white-space: nowrap; }
#library .row-play.is-playing { color: #735b35; background: #e9dfcb; }
#library .row-save { width: 44px; color: #8c8371; }
#library .row-save svg { width: 18px; height: 18px; }
#library .row-save.saved { color: #80633a; }
#library .row-save.saved svg { fill: #d9c8a8; }
#library .load-more { margin-top: 20px; min-height: 44px; }
#library .page-footer { margin-top: 24px; }
@media (hover: hover) {
  #library .content-row:hover { background: #f5f1e9; }
  #library .row-play:hover, #library .row-save:hover { background: #ece5d7; }
}
@media (max-width: 960px) {
  #library .category-chips { display: none; }
  #library .filter-bar { gap: 8px; }
  #library .category-select, #library .cohort-select {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    border: 1px solid #dfd7c8;
    border-radius: 4px;
    padding: 0 10px;
    background: #fffdf8;
  }
  #library .category-select::after {
    content: "⌄";
    position: absolute;
    right: 10px;
    top: 10px;
    color: #8b7958;
    pointer-events: none;
  }
  #library .category-select select, #library .cohort-select select {
    appearance: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 42px;
    padding: 9px 17px 9px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 12px;
    color: #655b48;
    cursor: pointer;
    text-overflow: ellipsis;
  }
  #library .cohort-select > span:first-child { display: none; }
  #library .cohort-select .select-chevron { position: absolute; right: 10px; pointer-events: none; }
}
@media (max-width: 700px) {
  .topbar { height: 60px; padding: 0 18px; }
  .topbar-right { gap: 8px; }
  .topbar-right .icon-btn { width: 44px; height: 44px; }
  #library { margin: -13px -5px 0; max-width: none; }
  #library .library-heading { min-height: 44px; gap: 8px; margin-bottom: 6px; }
  #library .library-heading h1 {
    font-size: clamp(14px, 4vw, 16px);
    line-height: 22px;
    letter-spacing: .3px;
  }
  #library .library-heading .mobile-studio {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    font-size: 10px;
    line-height: 18px;
    white-space: nowrap;
    color: #79623e;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  #library .library-toolbar {
    min-height: 0;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0;
    margin-bottom: 8px;
  }
  #library .search { flex-shrink: 0; width: 100%; height: 44px; margin: 0; }
  #library .search input { padding: 10px 0; font-size: 16px; line-height: 22px; }
  #library .type-tabs { height: 38px; gap: 25px; }
  #library .type-tabs button { min-height: 38px; padding: 7px 1px; font-size: 12px; }
  #library .type-tabs button span { display: inline; margin-left: 5px; font-size: 11px; }
  #library .filter-bar { margin-bottom: 6px; }
  #library .category-select select, #library .cohort-select select { font-size: 12px; }
  #library .section-heading { min-height: 28px; }
  #library .section-heading h2 { font-size: 16px; }
  #library .sample-note { min-height: 18px; margin: 0 0 4px; font-size: 11px; line-height: 18px; }
  #library .content-row { height: 78px; min-height: 78px; gap: 0; }
  #library .row-open { gap: 10px; padding: 8px 4px 8px 0; }
  #library .row-text { gap: 2px; }
  #library .row-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 20px;
  }
  #library .row-detail { display: none; }
  #library .row-play { width: 44px; min-width: 44px; padding: 0; }
  #library .row-play svg { width: 18px; height: 18px; }
  #library .row-play-text { display: none; }
  #library .page-footer { margin-top: 20px; padding-top: 16px; }
}

#library .category-select{gap:5px}#library .category-select>span[data-icon] svg{width:14px;height:14px}#library .category-select .select-chevron{display:none}
@media(max-width:700px){#library .sample-note{min-height:16px;line-height:16px;margin-bottom:2px}}

/* Drive connection details stay within the existing operator panel. */
.drive-details{margin:17px 0;font-size:11px;color:#776b55}
.drive-details>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.drive-details dt{flex-shrink:0;color:#817660}
.drive-details dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#5e574a}
.drive-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:11px}
.drive-actions .button{min-height:44px;padding:9px 12px;font-size:11px}
.status-tag.connected{background:#e9eee3;border-color:#d3ddc7;color:#65744e}
#drive-message{margin:0 0 18px}
#drive-sync:disabled{opacity:.5;cursor:default}
.sidebar{overflow-y:auto}
.sidebar>*{flex-shrink:0}
@media(max-width:700px){.drive-details{font-size:11px}.drive-details>div{gap:9px}.drive-actions{flex-direction:column}.drive-actions .button{width:100%}}

/* Online owner controls use the same pearl and champagne palette. */
.admin-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px;color:#7e725e;font-size:12px}
.admin-summary strong{font-weight:500;color:#514c40;margin-left:7px}
.admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-bottom:1px solid #ded6c6;margin-bottom:20px}
.admin-tabs button{min-height:44px;padding:8px 6px;font-size:13px;color:#7e735f;border-bottom:2px solid transparent}
.admin-tabs button.active{color:#755d36;border-bottom-color:#a38a62;background:#f2ede3}
.admin-list-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-list-toolbar .search{flex:1;min-width:190px;width:auto;height:44px;background:#fffdf8;margin:0}
.admin-list-toolbar .search input{font-size:14px;padding:9px 0}
.admin-list-toolbar select{min-height:44px;padding:8px 10px;font-size:12px;border:1px solid #dfd7c8;border-radius:3px;background:#fffdf8;color:#6a5f4b;max-width:100%}
.admin-list-toolbar .button{min-height:44px;flex-shrink:0}
.admin-list-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:15px 0 8px;font-size:11px;color:#80745e}
.admin-content-list{border-top:1px solid #ded8cc}
.admin-content-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;padding:10px 0;border-bottom:1px solid var(--line)}
.admin-row-copy{flex:1;min-width:0}
.admin-row-meta{display:flex;align-items:center;gap:7px;min-height:18px;font-size:11px;color:#7b725f;flex-wrap:wrap}
.admin-row-copy h3{font-size:14px;line-height:20px;font-weight:500;overflow-wrap:anywhere;margin:2px 0}
.admin-row-copy p{font-size:11px;line-height:16px;color:#807560;overflow-wrap:anywhere;margin:0}
.content-status{font-size:10px;line-height:16px;border-radius:3px;padding:0 5px;color:#806f52;background:#eee8db}
.content-status.published{color:#5f704e;background:#e8eddf}
.content-status.withdrawn{color:#8a7770;background:#eee5e1}
.admin-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.admin-row-actions .button{min-width:54px;min-height:44px;padding:8px 10px;font-size:12px}
.admin-empty{padding:25px 12px;font-size:12px;text-align:center;color:#80745f;border-bottom:1px solid var(--line)}
.admin-explain{font-size:12px;line-height:1.9;color:#726952;margin:0 0 20px}
.optional{font-size:10px;color:#978b75;margin-left:5px}
.admin-view .panel input,.admin-view .panel select{font-size:13px;min-height:44px}
.admin-view .panel form label{font-size:12px}
.admin-view .panel .button{min-height:44px;font-size:12px}
.admin-view .panel .form-message{font-size:11px}
.admin-view .studio-grid{margin-bottom:25px}
#edit-form label{display:block;font-size:12px;color:#776b55;margin:0 0 6px}
#edit-form input,#edit-form select{display:block;width:100%;min-height:44px;margin:0 0 17px;padding:9px 11px;background:#fffdf8;border:1px solid #dfd7c8;border-radius:3px;font-size:14px}
#edit-form .form-message{font-size:11px}
#edit-form .dialog-buttons .button{min-height:44px;font-size:12px}
#edit-dialog .dialog-content h2{margin-bottom:20px}
@media(max-width:700px){
 #studio .page-heading{margin-bottom:12px}
 #studio .page-heading>.text-link{margin-top:22px;font-size:11px;min-height:44px}
 .admin-summary{font-size:11px;margin-bottom:12px}
 .admin-tabs{gap:2px;margin-bottom:15px}
 .admin-tabs button{font-size:12px;padding:8px 3px}
 .admin-list-toolbar{gap:8px}
 .admin-list-toolbar .search{flex:1 1 100%;min-width:0;width:100%}
 .admin-list-toolbar .search input{font-size:16px}
 .admin-list-toolbar>label:not(.search){flex:1;min-width:0}
 .admin-list-toolbar select{width:100%;font-size:13px}
 .admin-list-toolbar .button{font-size:12px}
 .admin-list-note{font-size:11px;margin-top:12px}
 .admin-content-row{gap:8px;min-height:82px;padding:9px 0}
 .admin-row-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:20px}
 .admin-row-copy p{display:none}
 .admin-row-meta{gap:5px;font-size:10px;line-height:16px}
 .admin-row-actions{gap:5px}
 .admin-row-actions .button{min-width:46px;padding:7px 6px;font-size:11px}
 .admin-view .panel input,.admin-view .panel select,#edit-form input,#edit-form select{font-size:16px}
 .admin-view .panel{padding:22px 18px}
 .admin-explain{font-size:12px}
 #studio{padding-bottom:75px}
}
.current-access{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
#current-access-result{margin-top:15px}
#current-access-result input{font-size:11px;word-break:break-all}

.admin-summary>span{min-width:0;overflow-wrap:anywhere}