.layout-mode{overflow:hidden}.layout-mode #toast{z-index:200}#layout-studio{position:fixed;inset:0;z-index:100;background:#101211;display:flex;flex-direction:column}#layout-studio.section-hidden{display:none}.studio-bar{height:76px;flex-shrink:0;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff15;padding:12px 22px;background:#151815}.studio-bar strong{font-size:1rem}.studio-bar small{display:block;color:#9ba39c;font-size:.75rem;margin-top:3px}.studio-actions{margin-left:auto;display:flex;gap:8px}.studio-body{display:flex;flex:1;min-height:0}.studio-tools{width:250px;flex-shrink:0;overflow:auto;padding:24px 18px;background:#151815;border-right:1px solid #ffffff15;display:flex;flex-direction:column;gap:15px}.studio-tools label{display:block;font-size:.78rem;color:#b3bcb5}.studio-tools select{margin-top:8px}.studio-tools input[type=range]{padding:0;margin-top:12px;accent-color:#a3e635;min-height:18px;border:0}.studio-tools input[type=color]{padding:3px;height:34px;margin-top:8px}.studio-colors{display:flex;gap:12px}.studio-colors label{flex:1}#layout-controls{display:grid;gap:20px}.studio-tools hr{border:0;border-top:1px solid #ffffff15}.studio-tools .hint{margin:0;line-height:1.65}#layout-feedback{font-size:.75rem;color:#a3e635}#layout-viewport{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;background-color:#0c0e0d;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:20px 20px}#layout-canvas{width:7600px;min-height:9000px;position:relative;zoom:.75;padding:3400px 0 3400px 3300px}#layout-canvas-slot{width:1084px}#layout-canvas #profile-preview{width:1084px;max-width:none;overflow:visible;margin:0}#layout-canvas .public-page{width:1084px;padding:32px;min-height:0;overflow:visible;border:1px dashed #ffffff25;border-radius:16px}#layout-canvas .profile-frame{width:1020px;max-width:1020px}#layout-canvas .profile-card{overflow:visible}#layout-canvas .profile-frame *{cursor:grab;touch-action:none}#layout-canvas .profile-frame *:active{cursor:grabbing}#layout-canvas .layout-selected{outline:2px solid #a3e635!important;outline-offset:5px}#layout-canvas .profile-link:hover{transform:none}#layout-canvas .profile-frame{user-select:none}#layout-canvas .social-columns{grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr)}
@media(max-width:680px){.studio-bar{height:auto;gap:10px;padding:12px;flex-wrap:wrap}.studio-bar small{display:none}.studio-actions{gap:4px}.studio-actions button,.studio-bar>button{font-size:.75rem;padding:8px}.studio-tools{width:180px;padding:15px 12px}#layout-canvas .profile-card{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}

.layout-mode #app{display:none}

#layout-canvas .layout-dragging .profile-card{animation:none!important}.studio-presets summary{cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 0}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.preset-choice{display:flex;flex-direction:column;align-items:stretch;padding:8px;text-align:left;gap:7px}.preset-choice strong{font-size:.7rem}.preset-choice small{font-size:.65rem;line-height:1.4;color:#a6b3aa}.preset-choice[aria-pressed=true]{border-color:#a3e635}.preset-mini{height:44px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#090d0b;border-radius:4px}.preset-mini i{background:#a3e63566;border-radius:2px}.preset-mini i:last-child{grid-column:1/-1;background:#ffffff22}.preset-mini[data-mini=centered],.preset-mini[data-mini=editorial]{grid-template-columns:1fr}.preset-mini[data-mini=reverse] i:first-child{background:#ffffff22}.preset-mini[data-mini=compact]{padding:8px 15px}.preset-mini[data-mini=social]{grid-template-columns:1fr 2fr}.studio-actions{flex-wrap:wrap}