.ds .dr-room{background:var(--night);color:#f4eff1;min-height:100svh;padding-top:76px}.ds .dr-room .guest-photo-editor{max-width:1380px;padding:40px var(--g) 80px;color:#f4eff1;margin:0 auto}.ds .dr-room .guest-editor-intro{gap:14px;max-width:760px;margin-bottom:28px;display:grid}.ds .dr-room .guest-editor-intro .eyebrow{font:700 12px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ffffffa8;margin:0}.ds .dr-room .guest-editor-intro h1{font:300 clamp(44px,8vw,92px)/.95 var(--display);letter-spacing:-.03em;color:#fff;max-width:none;margin:0}.ds .dr-room .guest-editor-intro h1 em{color:#e9b9c8;font-style:italic}.ds .dr-room .guest-editor-intro p{color:#ffffffc7;max-width:52ch;margin:0;font-size:16.5px}.ds .dr-room .guest-editor-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ds .dr-room .guest-editor-toolbar .button,.ds .dr-room .editor-history .button,.ds .dr-room :is(.editor-presets,.editor-ratios,.editor-transform) button,.ds .dr-room .editor-controls .button{color:#fff;height:auto;min-height:44px;font:700 14px var(--sans);box-shadow:none;transition:background var(--t1),transform var(--t2) var(--e-out);background:#ffffff14;border:1px solid #ffffff2e;border-radius:9999px;padding:10px 18px}.ds .dr-room .guest-editor-toolbar .button:first-child{color:var(--night);background:#fff;border-color:#fff}.ds .dr-room :is(.button,button):not(:disabled):hover{background:#ffffff29}.ds .dr-room .guest-editor-toolbar .button:first-child:hover{background:#f1ecee}.ds .dr-room :is(.button,button):active{transform:scale(.96)}.ds .dr-room :is(.editor-presets,.editor-ratios,.editor-transform) button:is(.active,[aria-pressed=true]){color:var(--night);background:#fff;border-color:#fff}.ds .dr-room .text-button{color:#ffffffb8;font:700 14px var(--sans);background:0 0;border:0;min-height:44px}.ds .dr-room .guest-editor-status{color:#fff9;margin:14px 0;font-size:12.5px}.ds .dr-room .form-error{color:#ffb4c4}.ds .dr-room :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #fff}.ds .dr-room .dr-tray{justify-items:center;gap:14px;display:grid}.ds .dr-room .guest-editor-empty{color:#f4eff1;text-align:center;cursor:pointer;width:100%;min-height:min(460px,60svh);transition:border-color var(--t2),background var(--t2);background:radial-gradient(80% 90% at 50% 40%,#2a1f23 0%,#161214 70%);border:1.5px dashed #ffffff38;border-radius:26px;place-content:center;justify-items:center;gap:12px;padding:40px 24px;display:grid}.ds .dr-room .guest-editor-empty:hover{border-color:#ffffff80}.ds .dr-room .guest-editor-empty .eyebrow{font:700 12px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff9}.ds .dr-room .guest-editor-empty strong{font:300 clamp(34px,5vw,56px)/1 var(--display);letter-spacing:-.025em;color:#fff}.ds .dr-room .guest-editor-empty span:last-child{color:#ffffffb8;max-width:44ch}.ds .dr-room .dr-sample{color:#fff;height:48px;font:700 15px var(--sans);cursor:pointer;transition:background var(--t1);background:0 0;border:1px solid #ffffff4d;border-radius:9999px;padding:0 22px}.ds .dr-room .dr-sample:hover{background:#ffffff1a}.ds .dr-room .editor-workspace{background:#0c0a0b;border:1px solid #ffffff1a;border-radius:26px;overflow:hidden}.ds .dr-room .editor-stage{background:#0c0a0b}.ds .dr-room canvas{background:repeating-conic-gradient(#1f1b1d 0 25%,#151214 0 50%) 0 0/20px 20px}.ds .dr-room .editor-controls{color:#f4eff1;background:#181416;border-left:1px solid #ffffff14}.ds .dr-room .editor-controls h2{font:700 12px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.ds .dr-room .editor-controls :is(.hint,p){color:#ffffff9e}.ds .dr-room .editor-control-footer{background:#181416;border-top:1px solid #ffffff14}.ds .dr-room .editor-slider span{color:#fff}.ds .dr-room .editor-slider output{color:#ffffffa8}.ds .dr-room .editor-slider input{accent-color:#fff;box-shadow:none;background:0 0;border:0;padding:0}@media (max-width:860px){.ds .dr-room .editor-controls{border-top:1px solid #ffffff14;border-left:0}}.ds .dr-room :is(.button,button,.text-button){white-space:nowrap}.ds .dr-room .editor-presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}@media (max-width:860px){.ds .dr-room .editor-controls{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.ds .dr-room .editor-controls>section{grid-column:1/-1}}
