:root{--outer:#efd4d8}html{background:var(--outer)}body{background:var(--outer)}html:has(body[data-palette=blue]),body[data-palette=blue]{--outer:#d9e6ed;background:var(--outer)}
.app-shell{position:relative;margin:32px auto;padding:8px;max-width:1340px;border:1px solid var(--line);outline:1px solid var(--line);outline-offset:-12px;box-shadow:0 16px 55px #70485216}
.sidebar{padding:30px 42px 0}.brand{font-size:57px}.brand-caption{font-size:12px;letter-spacing:.01em;margin-top:9px}.brand svg{width:48px;height:42px}.main-nav{gap:18px;align-items:center;margin-top:27px}.main-nav a{font-size:12px;padding:12px 8px;min-height:54px}.main-nav .studio-nav{margin-left:auto;color:var(--accent);font-weight:600}.main-nav .studio-nav:before{content:'';display:block;width:15px;height:11px;border:1px solid currentColor;margin-right:9px;background:linear-gradient(32deg,transparent 48%,currentColor 49%,currentColor 52%,transparent 53%) 0 0/50% 100% no-repeat,linear-gradient(-32deg,transparent 48%,currentColor 49%,currentColor 52%,transparent 53%) 100% 0/50% 100% no-repeat}.topbar{padding-inline:42px;height:48px}main{padding:16px 42px 42px}.event-overview{min-height:340px;grid-template-columns:minmax(0,1.12fr) minmax(300px,1fr);gap:25px;padding:5px 0 30px}.event-overview h1{font:400 clamp(49px,5vw,74px)/1.04 Allura,cursive;color:var(--accent);letter-spacing:normal;max-width:660px}.event-overview .intro{font-size:14px;line-height:1.8;margin:18px 0;max-width:42ch}.hero-art{height:335px}.event-overview .form-actions{gap:11px;align-items:center}.button-link{font-size:12px;padding:13px 17px}.secondary-link{border:1px solid var(--line);color:var(--accent)}.event-overview .text-button{display:none}.stats-row{padding:17px 0;margin-bottom:36px}.stat strong{font-size:29px}.dashboard-columns{gap:42px}.collection-feature{margin-top:42px;border-top:1px solid var(--line);padding-top:30px}.featured-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:24px}.featured-materials>a{display:block;text-decoration:none;text-align:center;font-size:13px}.featured-art{height:260px;display:flex;align-items:center;justify-content:center;background:var(--wash);padding:24px;margin-bottom:13px}.featured-art img{height:100%;max-width:100%;object-fit:contain;box-shadow:0 8px 20px #65463e12}.featured-materials>a:hover img{outline:2px solid var(--accent);outline-offset:4px}.app-footer{margin-inline:42px;font-size:12px}
.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:9px 0 26px}.studio-heading h1{font:400 48px/1.15 Allura,cursive;color:var(--accent);letter-spacing:normal}.studio-heading p{font-size:13px;margin:10px 0;color:var(--muted);line-height:1.8}.profile-link{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.studio-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;border-block:1px solid var(--line);padding:12px 0}.category-tabs{display:flex;gap:7px;flex-wrap:wrap}.category-tabs button{background:transparent;border-color:transparent;font-size:12px;border-radius:5px;min-height:42px;padding:10px 13px}.category-tabs button[aria-pressed=true]{background:var(--wash);color:var(--accent);border-color:var(--line)}.studio-search{width:190px}.studio-search input{font-size:12px;background:var(--surface)}.gallery-note{color:var(--muted);font-size:12px;line-height:1.7;margin:16px 0 25px}.material-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px}.material-card{text-decoration:none;display:block;min-width:0;color:var(--ink)}.material-art{height:342px;background:var(--wash);padding:26px 24px;display:flex;justify-content:center;align-items:center;overflow:hidden}.material-art img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #68453414)}.material-card:nth-child(3n+1) .material-art img{transform:rotate(-1deg)}.material-card:nth-child(3n) .material-art img{transform:rotate(1deg)}.material-card:hover .material-art{background:var(--line)}.material-card:focus-visible{outline-offset:6px}.material-caption{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:17px 0 2px}.material-caption h2{font:500 23px/1.2 Cormorant,Georgia,serif;color:var(--ink);letter-spacing:normal}.material-caption p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0}.open-design{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--accent);padding-top:4px}.open-design svg{height:17px;width:17px;flex:none}.material-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:4px}.back-collection{font-size:12px;min-height:36px;display:inline-flex;align-items:center;margin-bottom:7px}.material-top h1{font:400 40px/1.2 Allura,cursive;color:var(--accent);letter-spacing:normal}.material-tools{display:flex;align-items:center;gap:20px;font-size:12px}.material-tools button{font-size:12px}.studio-sync-status{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 20px}#material-frame{width:100%;height:785px;border:1px solid var(--line);display:block;background:var(--paper);border-radius:8px}.in-studio main{padding-bottom:35px}.in-studio .app-footer{margin-top:5px}
@media(min-width:1500px){.app-shell{margin:40px auto}}
@media(max-width:1100px){.app-shell{margin:18px}.sidebar{padding-inline:26px}.topbar{padding-inline:26px}main{padding-inline:26px}.main-nav{gap:12px}.main-nav a{font-size:12px;padding-inline:4px}.app-footer{margin-inline:26px}.material-gallery{gap:25px 20px}.material-art{height:290px;padding:22px 20px}.material-caption{display:block}.open-design{padding-top:2px}.event-overview h1{font-size:59px}.hero-art{height:300px}}
@media(max-width:800px){.app-shell{margin:0;border:0;outline:0;box-shadow:none;padding:0}.sidebar{padding:22px 20px 0}.brand{font-size:39px}.brand svg{display:none}.brand-caption{font-size:12px;margin-top:5px;white-space:normal}.brand>span{white-space:nowrap}.sidebar-bottom select{max-width:72px;font-size:12px}.main-nav{gap:18px;margin-top:23px;align-items:stretch}.main-nav a{font-size:12px;min-height:46px;padding:11px 0}.main-nav .studio-nav{margin-left:0}.topbar{height:45px;padding-inline:20px}main{padding:12px 20px 30px}.event-overview{display:flex;min-height:0;gap:0;padding-bottom:27px}.hero-art{height:215px;margin:0 0 15px}.event-overview h1{font-size:54px}.event-overview .intro{font-size:13px}.event-overview .form-actions{gap:10px}.button-link{font-size:12px;padding:12px 13px;min-height:44px}.stats-row{margin-bottom:28px}.stat strong{font-size:27px}.collection-feature{margin-top:30px;padding-top:25px}.featured-materials{gap:15px}.featured-art{height:185px;padding:12px}.featured-materials>a{font-size:12px}.collection-feature h2{font-size:22px}.collection-feature .section-heading{display:block}.collection-feature .section-heading a{display:inline-flex;min-height:35px;align-items:center}.studio-heading{display:block;margin:5px 0 16px}.studio-heading h1{font-size:43px}.studio-heading p{font-size:12px}.profile-link{font-size:12px}.studio-toolbar{display:block;padding:10px 0}.category-tabs{gap:4px}.category-tabs button{font-size:12px;padding:9px 10px;min-height:42px}.studio-search{width:100%;margin-top:9px}.studio-search input{min-height:44px}.material-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.material-art{height:250px;padding:15px 12px}.material-caption{padding-top:12px}.material-caption h2{font-size:22px}.material-caption p{font-size:12px}.gallery-note{font-size:12px;line-height:1.75}.material-top{display:block}.material-top h1{font-size:38px}.material-tools{margin-top:10px;gap:17px;flex-wrap:wrap}.material-tools>a{min-height:44px;display:flex;align-items:center}.studio-sync-status{font-size:12px;margin-top:10px}#material-frame{height:1600px}.app-footer{margin-inline:20px}.in-studio main{padding-inline:14px}.in-studio .sidebar{padding-inline:20px}}
@media(max-width:480px){.brand{font-size:32px}.brand-caption{font-size:12px;max-width:230px;white-space:normal}.material-gallery{gap:23px 14px}.material-art{height:215px;padding:14px 12px}.material-caption h2{font-size:21px}.open-design{font-size:12px}.featured-materials{grid-template-columns:1fr 1fr;gap:20px}.featured-materials>a:last-child{display:none}.featured-art{height:220px}.studio-heading h1{font-size:42px}.event-overview h1{font-size:51px}}
@media(prefers-reduced-motion:no-preference){.material-art{transition:background-color .2s ease-out}}
@media(min-width:801px){.app-shell{border:14px solid transparent;border-image:url('assets/postage-rose.svg') 30 / 14px / 0 round;background-clip:padding-box;outline-offset:-24px}body[data-palette=blue] .app-shell{border-image-source:url('assets/postage-blue.svg')}}
@media(max-width:800px){.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible;align-items:stretch}.main-nav a{min-width:0;white-space:normal;text-align:center;justify-content:center;line-height:1.35;padding:10px 4px;font-size:12px;min-height:46px}.main-nav a:first-child{grid-column:span 2}.main-nav .studio-nav{margin:0}.main-nav .studio-nav:before{display:none}.main-nav a[aria-current=page]{background:var(--wash)}}
@media print{html,body{background:#fff!important}.app-shell{display:none!important}}
