@layer begridy-layout{.create-design-button,.recover-design-button{justify-content:center;align-items:center;gap:var(--space-2);width:min(330px,100%);min-height:46px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);font-size:var(--text-body);cursor:pointer;margin:8px auto 0;display:flex}.recover-design-button{border:0;min-height:44px;text-decoration:underline}.design-option-note{width:min(330px,100%);font-size:var(--text-small);color:var(--text-secondary);margin:8px auto 12px}.saved-designs{width:min(330px,100%);font-size:var(--text-body);margin:10px auto}.saved-designs select{background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);display:block}.editor-loading{z-index:141;padding:var(--space-6);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-modal), 0 0 0 100vmax var(--color-backdrop);place-content:center;display:grid;position:fixed;inset:10%}.design-dialog[data-slot=dialog-content]{z-index:141;overscroll-behavior:contain;border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);width:min(960px,100% - 32px);max-width:960px;max-height:calc(100dvh - 32px);color:var(--color-text);box-shadow:var(--shadow-modal), 0 0 0 100vmax var(--color-backdrop);font-size:var(--text-h3);flex-direction:column;gap:0;padding:0;display:flex;overflow-y:auto}.design-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-3);display:flex}.design-header [data-slot=dialog-title]{font-size:var(--text-h1);letter-spacing:-.04em;margin:0 0 4px;font-weight:600}.design-header [data-slot=dialog-description]{max-width:580px;font-size:var(--text-body);color:var(--text-secondary);margin:0}.design-dialog button,.design-confirm button{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);font-size:var(--text-body);cursor:pointer;flex-shrink:0;display:inline-flex}:is(.design-dialog button:focus-visible,.design-dialog input:focus-visible,.design-dialog textarea:focus-visible,.design-dialog select:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.design-dialog button:disabled,.create-design-button:disabled,.recover-design-button:disabled{opacity:.45;cursor:default}.design-history{gap:var(--space-2);padding:0 var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.design-history button:nth-last-child(2){margin-left:auto}.design-workspace{z-index:1;overscroll-behavior:contain;flex:auto;grid-template-columns:minmax(0,1fr) 300px;align-items:start;min-height:0;display:grid;position:relative;overflow-y:auto}.design-artboard-area{min-width:0;padding:var(--space-6);background:var(--color-surface-muted)}.design-canvas-space{width:100%;max-width:512px;margin:0 auto}.design-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--artboard-default);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.design-canvas canvas{touch-action:none}.design-crop-note{max-width:512px;color:var(--text-secondary);font-size:var(--text-small);margin:12px auto 0;line-height:1.5}.design-name-field{gap:var(--space-1);max-width:512px;color:var(--color-text);font-size:var(--text-body);margin:16px auto 0;font-weight:600;display:grid;position:relative}.design-name-field input{min-height:44px;padding:var(--space-2) var(--space-12) var(--space-2) var(--space-2);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-h3)}.design-name-field small{color:var(--text-secondary);font:600 var(--text-caption)/1 var(--font-geist-mono);position:absolute;bottom:14px;right:10px}.design-toolbox{min-width:0;padding:var(--space-4)}.design-tools{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-tools button{gap:var(--space-1);padding:var(--space-2) var(--space-1);font-size:var(--text-small);flex-direction:column}.design-properties{gap:var(--space-3);border:0;flex-direction:column;min-width:0;margin:16px 0 0;padding:0;display:flex}.design-properties legend{margin-bottom:var(--space-3);font-size:var(--text-h3);font-weight:600}.design-properties label{gap:var(--space-1);font-size:var(--text-body);flex-direction:column;display:flex}.design-properties p{color:var(--text-secondary);font-size:var(--text-body);margin:0;line-height:1.5}.design-properties input:not([type=file]),.design-properties select,.design-properties textarea{width:100%;min-width:0;min-height:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-h3);display:block}.design-properties input[type=range]{accent-color:var(--color-accent-soft);padding:0}.design-properties input[type=color]{height:46px;padding:var(--space-1)}.design-properties textarea{resize:vertical}.design-number-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-image-framing{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.design-image-framing button:last-child{grid-column:1/-1}.design-add-image{min-height:46px;padding:var(--space-2);border:1px solid var(--color-border-strong);cursor:pointer;justify-content:center;align-items:center;font-weight:600;position:relative;flex-direction:row!important}.design-add-image input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.design-footer{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;position:relative}.design-header,.design-history,.design-footer,.design-dialog>.form-error{flex-shrink:0}.design-footer>span{color:var(--text-secondary);font-size:var(--text-body)}.design-dialog button.design-primary{background:var(--color-accent);border-color:var(--color-text)}.design-footer .design-primary{z-index:5;pointer-events:auto;position:relative}.design-dialog>.form-error{font-size:var(--text-body);margin:12px 24px}.design-workspace.is-preview{display:block}.design-preview{aspect-ratio:1;object-fit:contain;width:100%;height:auto;box-shadow:var(--shadow-sm);display:block}.design-confirm[data-slot=alert-dialog-content]{z-index:151;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-modal), 0 0 0 100vmax var(--color-backdrop)}.design-confirm [data-slot=alert-dialog-description]{color:var(--text-secondary)}[data-slot=dialog-overlay]:has(~.design-dialog){z-index:140;background:var(--color-backdrop)}[data-slot=alert-dialog-overlay]:has(~.design-confirm){z-index:150;background:var(--color-backdrop)}@media (max-width:700px){.design-dialog[data-slot=dialog-content]{width:100%;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:var(--shadow-modal), 0 0 0 100vmax var(--color-backdrop);border:0;overflow:hidden}.design-header{padding:var(--space-3) var(--space-4) var(--space-2)}.design-header [data-slot=dialog-title]{font-size:var(--text-h2)}.design-history{padding:0 var(--space-4) var(--space-2)}.design-history button{padding-inline:var(--space-2)}.design-workspace{grid-template-columns:1fr}.design-artboard-area{padding:var(--space-4)}.design-canvas-space{max-width:min(512px,55dvh)}.design-toolbox{padding:var(--space-3) var(--space-4) var(--space-4)}.design-tools{gap:var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr))}.design-tools button{font-size:var(--text-caption);padding:var(--space-2) var(--space-1)}.design-properties{gap:var(--space-3)}.design-footer{z-index:4;padding:var(--space-3) var(--space-4) max(var(--space-3), env(safe-area-inset-bottom));flex-wrap:wrap;margin-top:auto;position:relative}.design-footer>span{flex-basis:100%}.design-footer .design-primary{flex-grow:1}.design-dialog[data-slot=dialog-content]{position:relative}.design-footer .design-primary{right:16px;bottom:max(12px, env(safe-area-inset-bottom));z-index:20;width:calc(100% - 32px);position:absolute;left:16px}}@media (max-height:500px) and (min-width:600px){.design-workspace{grid-template-columns:minmax(0,1fr) 280px}.design-canvas-space{max-width:65dvh}}@media (max-width:500px){.design-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}.design-tools button{white-space:normal;overflow-wrap:anywhere;min-width:0}@media (max-width:360px){.design-history{gap:var(--space-1);padding-inline:var(--space-2)}.design-history button{gap:var(--space-1);padding-inline:var(--space-1);font-size:var(--text-small)}}}