.studio-main{max-width:1500px;padding-top:31px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.studio-heading h1{font-size:38px}.studio-heading .intro{font-size:15px}.studio-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:25px;align-items:start}.studio-controls{background:#14121c;border:1px solid #332b40;border-radius:12px;padding:23px}.control-section{padding-bottom:23px;border-bottom:1px solid #302638;margin-bottom:23px}.control-section h2{font-size:15px;letter-spacing:0;margin-bottom:17px;display:flex;gap:12px;align-items:center}.control-section h2>span{font-size:11px;color:#a78cbb}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.format-button{background:#1b1722;border:1px solid #3a2e48;color:#a99bb9;border-radius:7px;padding:12px 9px;text-align:left;min-height:65px;font-size:12px}.format-button strong{display:block;font-size:13px;font-weight:500}.format-button>span{font-size:10px;color:#796586;display:block;margin-top:4px}.format-button[aria-pressed=true]{color:#eaddff;border-color:#aa83df;background:#30213f;box-shadow:0 0 0 1px #aa83df33}.format-button[aria-pressed=true]>span{color:#b193c8}.studio-controls .field{margin-bottom:15px}.studio-controls .field:last-child{margin-bottom:0}.studio-controls input,.studio-controls textarea{font-size:14px;min-height:41px;padding:10px}.studio-controls textarea{min-height:78px;resize:vertical}.studio-controls label{font-size:12px;color:#a695b6}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-button{display:flex;align-items:center;gap:8px;border:1px solid #392e43;background:#201a29;border-radius:6px;padding:10px 8px;font-size:11px;color:#a28aae;text-align:left}.theme-button>span{width:14px;height:14px;border-radius:50%;flex:none}.theme-button[aria-pressed=true]{border-color:#ad83ce;color:#ece2f5}.color-row{display:flex;align-items:center;gap:11px;margin-top:17px}.color-row label{margin:0;flex:1;font-size:12px}.color-row input[type=color]{width:29px;height:29px;min-height:29px;padding:2px;border-radius:5px;cursor:pointer}.color-row>span{font-size:11px;color:#b491c7}.studio-controls>.text-btn{font-size:12px;width:100%}.studio-workspace{min-width:0;position:sticky;top:24px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:14px 20px;background:#1b1622;border:1px solid #3c2d48;border-radius:10px 10px 0 0}.dimension-label{color:#9f83b3;font-size:12px}.canvas-area{background:#0d0b11;background-image:linear-gradient(45deg,#ffffff03 25%,transparent 25%),linear-gradient(-45deg,#ffffff03 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff03 75%),linear-gradient(-45deg,transparent 75%,#ffffff03 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:35px;border-left:1px solid #3c2d48;border-right:1px solid #3c2d48;min-height:310px;display:flex;align-items:center;justify-content:center}#design-canvas{max-width:100%;width:100%;height:auto;box-shadow:0 20px 70px #0009;border:1px solid #47394e}#design-canvas.square{width:min(100%,550px)}.canvas-bottom{background:#18121f;border:1px solid #3c2d48;border-radius:0 0 10px 10px;padding:14px 20px;font-size:12px;color:#9680a5;display:flex;flex-wrap:wrap;gap:12px}.guide-toggle{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:400;margin:0}.guide-toggle input{width:15px;height:15px;min-height:0;accent-color:#b39aff}.export-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:16px;padding:23px;border:1px solid #34253e;border-radius:10px;background:#17101e}.export-panel h2{font-size:19px;margin:0 0 6px}.export-panel p{font-size:13px;color:#90729f;margin:0}.export-panel .btn{white-space:nowrap;font-size:12px}.studio-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 3px}.studio-notes p{font-size:13px;line-height:1.8;color:#8d6c9d}.studio-notes strong{display:block;color:#bea0cc;font-weight:500}.format-info{font-size:13px;border-top:1px solid #36233e;padding-top:17px;color:#9571a8}.format-info summary{cursor:pointer;color:#b18bc4}.format-info p{line-height:1.8}.format-info a{color:#cba3e1}.studio-workspace .status{font-size:13px;min-height:24px}.format-button strong,.theme-button,.studio-controls label,.canvas-toolbar,.canvas-bottom,.guide-toggle,.export-panel p,.export-panel .btn,.studio-controls>.text-btn{font-size:14px}.format-button>span,.color-row>span,.dimension-label{font-size:12px}.studio-controls input,.studio-controls textarea{font-size:16px}.studio-notes p,.format-info{font-size:14px}
@media(max-width:1050px){.studio-layout{grid-template-columns:250px minmax(0,1fr);gap:18px}.studio-controls{padding:18px}.canvas-area{padding:20px;min-height:260px}.export-panel{display:block}.export-panel .btn{margin-top:17px}.studio-notes{gap:18px}.studio-heading .actions{justify-content:flex-end}.theme-button{font-size:12px}.format-button strong{font-size:12px}}
@media(max-width:760px){.studio-heading{display:block}.studio-heading .actions{justify-content:flex-start;margin-top:22px}.studio-heading h1{font-size:34px}.studio-layout{display:flex;flex-direction:column;gap:20px}.studio-workspace{position:static;order:0;width:100%}.studio-controls{order:1;width:100%;padding:22px}.canvas-area{padding:13px;min-height:210px}.canvas-toolbar{padding:12px 14px;font-size:13px}.dimension-label{font-size:11px}.canvas-bottom{padding:13px 14px;font-size:12px}.studio-notes{grid-template-columns:1fr;gap:0}.studio-notes p{margin:10px 0}.export-panel{padding:19px}.format-grid{grid-template-columns:repeat(3,1fr)}.format-button strong{font-size:13px}.format-button>span{font-size:10px}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-button{font-size:13px;padding:13px}.studio-controls label{font-size:14px}.studio-controls input,.studio-controls textarea{font-size:16px}.studio-controls>.text-btn{font-size:14px}.studio-controls .control-section h2{font-size:17px}.canvas-bottom .guide-toggle{font-size:12px}.format-info{font-size:13px}.studio-heading .btn{font-size:13px}.control-section{margin-bottom:23px}}