@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');:root{font-family:'DM Sans',system-ui,sans-serif;background:#140f1c;color:#fff9f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 13% 15%,#57334988,transparent 47%),radial-gradient(ellipse at 92% 70%,#362447bb,transparent 45%),#140f1c}#stars{position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(#e2becd 1px,transparent 1px);background-size:65px 75px;mask-image:linear-gradient(to bottom,#000,transparent 87%)}.shell{max-width:1200px;margin:auto;padding:30px 5vw 70px;position:relative}header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 23px;border-bottom:1px solid #ffffff18}.monogram{font:500 24px 'Playfair Display',Georgia,serif;letter-spacing:4px}.monogram span{font:15px system-ui;color:#ecadb9;margin:0 6px}.overline,.tag,.kicker{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#d6a5b4}.auth{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:center;padding:55px 0}.authcopy{padding:20px 0}.seal{font-size:45px;color:#c58ba1;margin-bottom:14px}.auth h1,.apphead h1{font:500 clamp(54px,7vw,100px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:17px 0 29px}.auth h1 em,.apphead h1 em{color:#e4b3c3;font-weight:400}.authcopy>p{font-size:17px;color:#dfcdd7;max-width:440px;line-height:1.9}.smallquote{font:italic 18px/1.5 'Playfair Display',Georgia,serif;color:#bfa7b6;margin-top:58px;padding-left:22px;border-left:2px solid #bd8399}.authbox,.panel{background:linear-gradient(145deg,#fffaf7,#f5edf1);color:#271d2b;border-radius:26px;padding:43px;box-shadow:0 35px 80px #0004;position:relative}.authbox .rose{font-size:34px;color:#ad6d88;margin-bottom:28px}.authbox h2,.panel h2,.collection h2{font:500 35px 'Playfair Display',Georgia,serif;margin:12px 0}.authbox p{color:#786c77;font-size:13px;line-height:1.7}.authbox form{display:grid;gap:13px;margin-top:30px}.authbox label,.add label{font-size:11px;font-weight:700;color:#645665;display:block;letter-spacing:.3px}.authbox input,.add input,.add select,.add textarea{display:block;width:100%;margin-top:8px;border-radius:12px;padding:14px;border:1px solid #e2d4de;background:#fff;color:#352b36;font:14px 'DM Sans',system-ui}.authbox input:focus,.add input:focus,.add textarea:focus,.add select:focus{outline:none;border-color:#aa718a;box-shadow:0 0 0 4px #cc9bb629}.button{border:0;border-radius:12px;padding:15px 18px;font:700 13px 'DM Sans',system-ui;cursor:pointer}.main{color:white;background:linear-gradient(110deg,#8b4c70,#b67690);box-shadow:0 10px 24px #9d587c35}.main:hover{filter:brightness(1.08)}.authbox .main{width:100%;display:flex;justify-content:space-between;margin-top:9px}.authbox .foot{font-size:11px;color:#9c8793;text-align:center;margin-top:30px}.feedback{font-size:12px;color:#a9384c!important;min-height:18px}.apphead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:56px 0 25px}.apphead h1{font-size:clamp(43px,5vw,74px);margin:10px 0}.apphead p{color:#d4c0cd;font-size:14px}.quiet{border:1px solid #997b8b77;background:transparent;padding:12px 16px;border-radius:11px;color:#eacfd9;cursor:pointer}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.tabs button{background:#ffffff12;border:1px solid #ffffff25;border-radius:99px;padding:12px 18px;color:#eddae4;cursor:pointer;font:600 12px 'DM Sans',sans-serif}.tabs button.selected{background:#e4b3c3;color:#331d2b}.appgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.spotlight{background:linear-gradient(150deg,#56384f,#291d39);color:#fffdfc;min-height:350px;overflow:hidden}.spotlight:after{content:'♡';font:290px Georgia;position:absolute;right:-55px;bottom:-130px;color:#ffffff10;pointer-events:none}.spotlight .tag{color:#e9b6cc}.spotlight h2{font-size:40px;line-height:1.18;margin:45px 0 16px}.spotlight p{color:#e4d0e0;line-height:1.9;font-size:14px}.featuredate{display:inline-block;padding:10px 16px;border:1px solid #ffffff55;border-radius:99px;font-size:12px;margin-top:10px}.add{padding:30px}.add h2{font-size:29px;margin:13px 0 25px}.add form{display:grid;gap:13px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add textarea{min-height:75px;resize:vertical}.actions{display:flex;gap:10px;align-items:center}.actions .quiet{color:#6b5364;border-color:#d0b4c4}.collection{margin-top:52px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.sectionhead h2{color:#fff9f7}.sectionhead #count{color:#d3acbc;font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{border:1px solid #ffffff23;background:#ffffff10;border-radius:19px;padding:23px}.card .tag{font-size:9px}.card h3{font:500 25px 'Playfair Display',Georgia,serif;margin:10px 0 16px}.card p{font-size:13px;color:#d1c0cc;line-height:1.65}.card .meta{font-size:12px;color:#e5b7c9}.card .actions button{font-size:12px;padding:8px 11px;border:1px solid #ffffff35;background:#ffffff12;color:#fff;border-radius:8px}.empty{border:1px dashed #ffffff55;border-radius:19px;padding:32px;color:#d0aabd;text-align:center}.shell footer{margin-top:70px;padding-top:30px;border-top:1px solid #ffffff25;text-align:center;color:#a98f9e;font:italic 16px 'Playfair Display',Georgia,serif}footer span{color:#db9db3}[hidden]{display:none!important}@media(max-width:760px){.shell{padding:17px 20px 50px}.overline{font-size:8px}.monogram{font-size:21px}.auth{grid-template-columns:1fr;gap:32px;padding:30px 0}.authcopy{padding:0}.seal{font-size:26px;margin:0}.auth h1{font-size:58px;margin:9px 0 16px}.authcopy>p{font-size:13px;line-height:1.7}.smallquote{display:none}.authbox{padding:28px 25px;border-radius:22px}.authbox .rose{display:none}.authbox h2{font-size:30px}.apphead{margin:36px 0 20px}.apphead h1{font-size:46px}.apphead p{font-size:12px}.tabs{gap:7px}.tabs button{padding:11px 13px;font-size:11px}.appgrid,.cards{grid-template-columns:1fr}.panel{padding:24px}.spotlight{min-height:260px}.spotlight h2{font-size:34px;margin:30px 0 10px}.twocol{grid-template-columns:1fr 1fr}.sectionhead h2{font-size:30px}.collection{margin-top:39px}}
/* Mobile overflow and vertical rhythm patch */
html,body{width:100%;max-width:100%;overflow-x:hidden} .shell,.auth,.appgrid,.panel,.add,.add form,.twocol,.twocol label,.cards,.collection,.card{min-width:0;max-width:100%} .add input,.add select,.add textarea{box-sizing:border-box;min-width:0;width:100%;max-width:100%} input[type=datetime-local]{display:block;min-width:0;max-width:100%;width:100%;-webkit-appearance:none;appearance:none;line-height:1.3;padding:12px 9px;font-size:14px} .add label{min-width:0;overflow:hidden} .add form{gap:16px} .twocol{gap:10px} .panel.add{padding:25px} .collection{clear:both} .sectionhead{gap:12px} @media(max-width:760px){.shell{width:100%;padding:16px 16px 48px}.appgrid{display:grid;grid-template-columns:minmax(0,1fr)}.twocol{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.add input,.add select,.add textarea{font-size:16px}.add label{font-size:12px}.add{padding:20px!important}.collection{margin-top:32px}.cards{grid-template-columns:minmax(0,1fr)}.sectionhead h2{font-size:27px}.sectionhead{align-items:center}.apphead{flex-wrap:wrap}.spotlight{min-width:0}}
.shared-calendar{border:1px solid #ffffff26;border-radius:22px;background:linear-gradient(145deg,#302135,#241a30);padding:22px;margin:22px 0 28px;min-width:0;max-width:100%;overflow:hidden}.calbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.calbar h2{font:500 30px Georgia,serif;margin:0 0 14px}.calnav{display:flex;gap:7px}.calnav button{border:1px solid #ffffff3a;color:#f9e1ef;background:#ffffff18;width:36px;height:36px;border-radius:50%;font-size:23px}.caldays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calday,.calweek{min-width:0;text-align:center;border-radius:10px;padding:9px 0}.calweek{color:#d7b3c6;font-size:11px}.calday{border:1px solid #ffffff16;background:#ffffff0b;color:#f9e5ee;font-size:12px;min-height:42px}.calday.blank{background:none;border:0}.calday.hasdate{background:#cf91a24d;border-color:#e9b6c3;color:#fff;font-weight:700;cursor:pointer}.calday.today{outline:1px solid #ffffff88}.caldetails{padding-top:12px}.calevent{background:#ffffff0c;border:1px solid #ffffff20;border-radius:12px;padding:13px;margin-top:9px}.calevent strong{display:block;font-size:14px}.calevent p{font-size:12px;color:#e8cbd9;margin:7px 0}.calhint{font-size:12px;line-height:1.6;color:#cdb0c3;margin-top:12px}.calendar-action,.approve-action{margin-top:8px;margin-right:7px;padding:9px 12px;border:1px solid #ead0df8c;border-radius:9px;color:#fff;background:#965b7c;font-size:12px;cursor:pointer}.calendar-action:disabled{opacity:.5}@media(max-width:760px){.shared-calendar{padding:15px;margin:18px 0}.calbar h2{font-size:25px}.caldays{gap:3px}.calday,.calweek{padding:7px 0}.calday{min-height:36px;font-size:11px}}

/* V4 mobile form repair and accessible install controls */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
input,select,textarea{min-width:0}
.add .twocol{width:100%;min-width:0;align-items:start}
.add .twocol>label{min-width:0;max-width:100%;overflow:visible}
.add input[type="datetime-local"]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;appearance:auto;-webkit-appearance:auto;padding:12px 8px;font-size:16px;line-height:1.4}
.add input[type="datetime-local"]::-webkit-date-and-time-value{text-align:left;min-width:0}
.add label{overflow:visible}
.install-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 10px;padding:17px 19px;border:1px solid #e4b3c34d;border-radius:16px;background:linear-gradient(110deg,#58344c88,#382b4f88)}
.install-strip strong{display:block;font:500 18px 'Playfair Display',Georgia,serif}
.install-strip span{display:block;color:#dec7d3;font-size:12px;margin-top:5px}
.install-strip .install-button{border:1px solid #ecd1df;background:#f7e7ee;color:#4d3043;border-radius:10px;padding:12px 15px;font-weight:700;cursor:pointer;flex-shrink:0}
.install-strip .install-button span{display:inline;color:inherit;margin:0}
.install-modal{max-width:min(460px,calc(100vw - 32px));width:100%;border:0;border-radius:20px;background:#fff7f7;color:#352337;padding:25px;box-shadow:0 30px 90px #0008}
.install-modal::backdrop{background:#110c18b9}
.install-dialog-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}
.install-dialog-head h2{font:500 28px 'Playfair Display',Georgia,serif;margin:8px 0}
.install-kicker{font-size:10px;letter-spacing:2px;color:#a26b88}
.install-dialog-head button{border:0;background:#f2e1e8;border-radius:50%;font-size:25px;min-width:38px;height:38px;cursor:pointer}
#installSteps{color:#6e5767;line-height:1.7}
.install-links{display:flex;flex-wrap:wrap;gap:10px}
.install-links button{border:0;background:#8c4e70;color:#fff;padding:10px 16px;border-radius:10px}
.calendar-note{font-size:12px;line-height:1.6;color:#e1c0ce}
.card .date-status{display:inline-block;font-size:11px;padding:5px 9px;border-radius:99px;background:#ffffff18;border:1px solid #ffffff25;color:#f4c7d6;margin-top:8px}
@media(max-width:760px){
 .add .twocol{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .add .twocol:has(input[type="datetime-local"]){grid-template-columns:minmax(0,1fr)}
 .add input[type="datetime-local"]{display:block;width:100%;min-height:48px;max-width:100%;padding:11px 12px;white-space:normal}
 .panel.add{padding:21px!important}
 .add form{gap:16px}
 .add label{max-width:100%}
 .install-strip{align-items:stretch;flex-direction:column;padding:15px}
 .install-strip .install-button{width:100%}
 .sectionhead{align-items:flex-start}
}

/* V4.1: native iPhone date and time controls without width overflow */
.date-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:100%;min-width:0}
.date-field{display:block;min-width:0;width:100%;max-width:100%;overflow:visible!important}
.date-field .optional{font-weight:400;font-size:11px;color:#987d8e}
.date-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;min-width:0;margin-top:8px}
.date-pair input[type=date],.date-pair input[type=time]{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;border:1px solid #e2d4de;border-radius:12px;background:#fff;color:#352b36;padding:12px 10px;min-height:48px;line-height:1.25;font-size:16px;font-family:inherit;-webkit-appearance:auto;appearance:auto}
.date-pair input::-webkit-date-and-time-value{text-align:left}
.date-pair input::-webkit-datetime-edit{text-align:left;padding:0;min-width:0}
.add input[type=hidden]{display:none!important}
.appgrid:has(.spotlight[hidden]){grid-template-columns:minmax(0,1fr)}
#app .tabs button:focus-visible{outline:3px solid #eac7d7;outline-offset:3px}
#app .tabs button.selected{background:#e4b3c3;color:#331d2b}
@media(max-width:760px){
 .date-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
 .date-pair{grid-template-columns:minmax(0,1fr);gap:9px}
 .date-pair input[type=date],.date-pair input[type=time]{width:100%;max-width:100%;min-width:0;min-height:50px;padding:12px 14px;font-size:16px}
 .add form{min-width:0}
 .panel.add{overflow:hidden}
 .appgrid:has(.spotlight[hidden]){grid-template-columns:minmax(0,1fr)}
 .collection{margin-top:24px}
}

/* V4.2: iOS-safe text date controls; no intrinsic native picker overflow */
#app .date-fields,#app .date-field,#app .date-pair{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#app .date-field{overflow:hidden}
#app .date-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#app .date-pair input[type="text"]{display:block;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;border:1px solid #e2d4de;border-radius:12px;padding:14px 12px;font-family:inherit;font-size:16px;line-height:1.3;background:#fff;color:#352b36;appearance:none;-webkit-appearance:none;min-height:52px}
#app .date-pair input[type="text"]::placeholder{color:#a498a3;opacity:1}
#app .date-pair input[type="text"]:focus{outline:2px solid #be87a2;outline-offset:0}
@media(max-width:760px){
 #app .date-pair{grid-template-columns:minmax(0,1fr);gap:10px}
 #app .date-fields{grid-template-columns:minmax(0,1fr)}
 #app .date-field{min-width:0;max-width:100%;overflow:hidden}
 #app .date-pair input[type="text"]{width:100%;max-width:100%;min-width:0;padding:13px 14px}
}

/* Correctly sized rabbit identity */
header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}header .bunnie-brand{display:flex;align-items:center;gap:12px;letter-spacing:0;min-width:0;flex-shrink:1}header .bunnie-brand img{display:block;object-fit:contain;width:56px;height:56px;min-width:56px;border-radius:15px}header .bunnie-brand-name{font:500 25px/1.15 "Playfair Display",Georgia,serif;color:#fbe9f1!important;letter-spacing:.02em!important;margin:0!important;white-space:nowrap}header .overline{flex-shrink:0;font-size:10px}@media(max-width:760px){header{gap:6px;flex-wrap:nowrap;justify-content:space-between}header .bunnie-brand{gap:9px}header .bunnie-brand img{width:48px;height:48px;min-width:48px;border-radius:13px}header .bunnie-brand-name{font-size:20px}header .overline{font-size:8px;letter-spacing:.08em;max-width:90px;text-align:right}}@media(max-width:380px){header .overline{display:none}}
/* V4.4: intentional vertical spacing between cards, sections and actions */
#app .appgrid,
#app .collection,
#app .cards,
#app .shared-calendar{min-width:0}
#app .cards{gap:22px;row-gap:22px}
#app .cards>.card{margin:0;min-width:0}
#app .cards+.appgrid,
#app .collection+.appgrid,
#app .collection+.panel,
#app .cards+.panel,
#app .card+.panel.add{margin-top:28px!important}
#app .appgrid+.collection,
#app .panel.add+.collection,
#app .shared-calendar+.appgrid{margin-top:34px!important}
#app .appgrid{row-gap:26px}
#app .panel.add{margin-top:0}
#app .collection .sectionhead{margin-bottom:22px}
#app .collection{padding-bottom:4px}
#app .collection:has(+ .appgrid){padding-bottom:28px}
#app .collection:has(+ .appgrid)+.appgrid{margin-top:0!important}
#app .collection:has(+ .appgrid) .cards{margin-bottom:0}
#app .calevent .calendar-action,
#app .calevent .approve-action{
  display:flex;align-items:center;justify-content:center;
  width:max-content;max-width:100%;min-height:42px;
  margin:12px 0 0!important;padding:10px 15px;
  text-decoration:none;line-height:1.35;white-space:normal;
}
#app .calevent .calendar-action+.calendar-action,
#app .calevent .calendar-action+.approve-action,
#app .calevent .approve-action+.calendar-action{margin-top:12px!important}
#app .calevent p{margin-bottom:14px;line-height:1.6}
#app .shared-calendar .caldetails{padding-top:20px}
#app .shared-calendar .calhint{margin-top:20px;line-height:1.75}
#app .shared-calendar{margin-bottom:32px}
#app .spotlight,
#app .panel.add{border-radius:24px}
@media(max-width:760px){
 #app .cards{grid-template-columns:minmax(0,1fr);row-gap:24px}
 #app .collection:has(+ .appgrid){padding-bottom:24px}
 #app .collection+.appgrid{margin-top:0!important}
 #app .collection .sectionhead{margin-bottom:20px}
 #app .appgrid{row-gap:24px}
 #app .appgrid+.collection{margin-top:36px!important}
 #app .shared-calendar+.appgrid{margin-top:24px!important}
 #app .shared-calendar{margin-bottom:28px}
 #app .calevent{padding:17px}
 #app .calevent .calendar-action,
 #app .calevent .approve-action{margin-top:12px!important}
}

/* Annual celebrations V5 */
.special-days{margin:22px 0 30px;padding:25px;border:1px solid #e6b9cb55;border-radius:24px;background:linear-gradient(135deg,#39253d,#271c32);min-width:0}.special-intro h2{font:500 clamp(28px,4vw,37px) 'Playfair Display',Georgia,serif;margin:10px 0;color:#ffebf1}.special-intro h2 span{color:#e9a8bf;font:22px system-ui}.special-intro p,.special-note{color:#d6bfcd;font-size:13px;line-height:1.65}.special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.special-card{min-width:0;border-radius:17px;background:#ffffff0d;border:1px solid #ffffff26;padding:19px;display:flex;flex-direction:column;gap:11px}.special-card .special-icon{font-size:24px}.special-card h3{font:500 22px 'Playfair Display',Georgia,serif;margin:0;color:#fff6fa}.special-card .special-date{color:#ebbacf;font-weight:700;font-size:13px}.special-card .special-count{font-size:12px;color:#e8d6e1}.special-card .special-desc{font-size:12px;line-height:1.6;color:#cab5c5;flex:1}.special-card .special-action{width:100%;border:1px solid #e2b4c5;border-radius:10px;padding:10px;background:#a76b88;color:white;font-weight:700;font-size:12px;cursor:pointer}.special-card .special-plan{border:1px solid #ffffff42;background:transparent;color:#f6deeb}.special-card .special-notice{font-size:11px;color:#f6d5e5;font-weight:700}.special-note{margin:17px 0 0;font-size:11px}.calday.celebration{border-color:#e6a8bf;background:#d37d9a40;position:relative}.calday.celebration:after{content:'♥';position:absolute;right:3px;top:1px;color:#ffbdcf;font-size:9px}.special-loading{color:#dcb7c9}
@media(max-width:850px){.special-grid{grid-template-columns:minmax(0,1fr)}.special-card{padding:17px}.special-days{padding:19px;margin:20px 0 30px}.special-card h3{font-size:24px}}

/* Our Little Universe: photos, voting and surprise plans */
.studio-panel{margin:34px 0 0;padding:26px;background:linear-gradient(145deg,#35253c,#241b30);border:1px solid #e1b3c14a;border-radius:24px;min-width:0}
.studio-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.studio-head h2{font:500 clamp(28px,4vw,39px)/1.2 'Playfair Display',Georgia,serif;margin:10px 0;color:#fff5fa}
.studio-head p{font-size:13px;color:#dbbfce;line-height:1.65;margin:0 0 19px}
.studio-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:18px 0}
.studio-tools label,.studio-form label,.studio-file{display:block;color:#e7c9d9;font-size:12px;font-weight:600}
.studio-tools input,.studio-tools select,.studio-form input:not([type="checkbox"]),.studio-form select,.studio-form textarea,.studio-file input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #dcbecf;border-radius:12px;background:#fffafc;color:#2b2030;font:14px 'DM Sans',system-ui;display:block;margin-top:7px}
.studio-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}
.studio-form label:nth-child(3),.studio-form label:nth-child(4){grid-column:1/-1}
.studio-form textarea{min-height:76px;resize:vertical}
.studio-primary,.studio-secondary{padding:11px 16px;border-radius:10px;border:1px solid #e3b8ca;background:#ad6d8d;color:#fff;font:600 12px 'DM Sans',system-ui;cursor:pointer}
.studio-secondary{background:transparent;border-color:#ffffff75}
.studio-status{color:#f5c8dd;min-height:19px;font-size:12px}
.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}
.studio-item{min-width:0;padding:21px;border:1px solid #ffffff2c;border-radius:18px;background:#ffffff0c}
.studio-item h3{font:500 24px/1.3 'Playfair Display',Georgia,serif;margin:9px 0;color:#fff5f9;overflow-wrap:anywhere}
.studio-item p{color:#decbd8;font-size:13px;line-height:1.65}
.studio-item .small{color:#e8b7ca;font-size:12px}
.studio-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.studio-buttons button{background:#ffffff13;color:#ffedf7;border:1px solid #ffffff3d;border-radius:9px;padding:9px 11px;font-size:12px;cursor:pointer}
.studio-buttons button.active{background:#e4adcb;color:#302139;font-weight:700;border-color:#e4adcb}
.studio-checkbox{display:flex!important;gap:11px;align-items:center;grid-column:1/-1}
.studio-checkbox input{width:18px;height:18px;accent-color:#c0779b}
.studio-file{margin:18px 0}
.studio-viewer{padding:22px;margin-top:20px;border-radius:18px;background:#ffffff0d;border:1px solid #fff3}
.studio-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.studio-viewer-head h3{font:500 25px 'Playfair Display',Georgia,serif;margin:0}
.studio-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
.studio-photo{margin:0;min-width:0;border:1px solid #ffffff26;border-radius:14px;overflow:hidden;background:#ffffff12}
.studio-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.studio-photo figcaption{padding:10px;font-size:12px;color:#e2d1dd}
.studio-photo button{background:transparent;border:1px solid #ffffff45;border-radius:7px;padding:6px;color:white;margin:7px;font-size:11px}
.studio-badge{background:#e7b9cf;color:#3a2739;border-radius:99px;padding:5px 8px;font-size:11px;display:inline-block;font-weight:700}
.studio-panel [hidden]{display:none!important}
@media(max-width:760px){.studio-panel{padding:19px;margin-top:28px}.studio-tools,.studio-grid,.studio-form{grid-template-columns:minmax(0,1fr)}.studio-form label:nth-child(3),.studio-form label:nth-child(4){grid-column:auto}.studio-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-item{padding:17px}.studio-panel input,.studio-panel select,.studio-panel textarea{font-size:16px!important}.studio-photo img{aspect-ratio:1}}