.create-page{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:680px;min-height:100%;margin:0 auto}.create-page-header{text-align:center;margin-bottom:calc(var(--ui-base-spacing) * 4)}.create-page-header h2{margin:0 0 calc(var(--ui-base-spacing) * 1.5) 0}.create-page-header p{margin:0}@property --prompt-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes prompt-spin{to{--prompt-angle: 360deg}}@keyframes prompt-glow-pulse{0%,to{opacity:.25}50%{opacity:.5}}.create-ai-section{display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * 2);width:100%;margin-bottom:calc(var(--ui-base-spacing) * 3.5)}.prompt-header{display:flex;align-items:center;gap:calc(var(--ui-base-spacing) * 1.25)}.prompt-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--ui-base-spacing) * 4);height:calc(var(--ui-base-spacing) * 4);border-radius:calc(var(--ui-base-radius) * .75);background:color-mix(in oklch,var(--ui-primary),transparent 90%);color:var(--ui-primary)}.prompt-label{font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);color:var(--ui-surface-foreground)}.prompt-input-wrapper{position:relative;border-radius:calc(var(--ui-base-radius) * 1.5)}.prompt-input-glow{position:absolute;inset:-4px;border-radius:calc(var(--ui-base-radius) * 2);background:conic-gradient(from var(--prompt-angle),oklch(.55 .2 290),oklch(.55 .18 250),oklch(.6 .16 195),oklch(.55 .2 290),oklch(.55 .18 250),oklch(.55 .2 290));opacity:.2;filter:blur(16px);pointer-events:none;animation:prompt-spin 6s linear infinite,prompt-glow-pulse 4s ease-in-out infinite}.prompt-input-wrapper:focus-within .prompt-input-glow{opacity:.4}.prompt-input-border{position:absolute;inset:0;border-radius:calc(var(--ui-base-radius) * 1.5);padding:1.5px;background:conic-gradient(from var(--prompt-angle),oklch(.55 .2 290),oklch(.55 .18 250),oklch(.6 .16 195),oklch(.55 .2 290),oklch(.55 .18 250),oklch(.55 .2 290));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:prompt-spin 6s linear infinite}.prompt-textarea{position:relative;display:block;width:100%;min-height:calc(var(--ui-base-spacing) * 11);padding:calc(var(--ui-base-spacing) * 2) calc(var(--ui-base-spacing) * 2.5);font-family:var(--ui-font-sans);font-size:var(--ui-text-base);font-weight:var(--ui-weight-normal);line-height:var(--ui-leading-relaxed);color:var(--ui-surface-foreground);background:var(--ui-surface-raised);border:1.5px solid transparent;border-radius:calc(var(--ui-base-radius) * 1.5);resize:none;outline:none}.prompt-textarea::placeholder{color:color-mix(in oklch,var(--ui-surface-foreground),transparent 60%)}.prompt-suggestions{display:flex;flex-wrap:wrap;gap:calc(var(--ui-base-spacing) * .75)}.prompt-suggestion{padding:calc(var(--ui-base-spacing) * .625) calc(var(--ui-base-spacing) * 1.5);font-size:var(--ui-text-sm);font-family:var(--ui-font-sans);line-height:var(--ui-leading-normal);color:color-mix(in oklch,var(--ui-surface-foreground),transparent 30%);background:color-mix(in oklch,var(--ui-surface-foreground),transparent 95%);border:var(--ui-border-width) solid transparent;border-radius:calc(var(--ui-base-radius) * 10);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.prompt-suggestion:hover{background:color-mix(in oklch,var(--ui-surface-foreground),transparent 90%);border-color:var(--ui-border);color:var(--ui-surface-foreground)}.prompt-footer{display:flex;align-items:center;justify-content:space-between}.prompt-hint{display:flex;align-items:center;gap:calc(var(--ui-base-spacing) * .5);font-size:var(--ui-text-sm);color:color-mix(in oklch,var(--ui-surface-foreground),transparent 50%)}.prompt-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--ui-base-spacing) * 2.5);height:calc(var(--ui-base-spacing) * 2.5);padding:0 calc(var(--ui-base-spacing) * .5);font-family:var(--ui-font-sans);font-size:var(--ui-text-xs);font-weight:var(--ui-weight-medium);color:color-mix(in oklch,var(--ui-surface-foreground),transparent 30%);background:color-mix(in oklch,var(--ui-surface-foreground),transparent 95%);border:var(--ui-border-width) solid var(--ui-border);border-radius:calc(var(--ui-base-radius) * .5);box-shadow:0 1px color-mix(in oklch,var(--ui-surface-foreground),transparent 90%)}.create-divider{width:100%;height:var(--ui-border-width);background:var(--ui-border);margin-bottom:calc(var(--ui-base-spacing) * 3.5)}.create-alt-options{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--ui-base-spacing) * 2);width:100%}.create-alt-card{display:flex;align-items:center;gap:calc(var(--ui-base-spacing) * 1.5);padding:calc(var(--ui-base-spacing) * 2) calc(var(--ui-base-spacing) * 2.5);text-decoration:none;border:var(--ui-border-width) solid var(--ui-border);border-radius:calc(var(--ui-base-radius) * 1.5);background:var(--ui-surface);font-family:var(--ui-font-sans);cursor:pointer;transition:border-color var(--ui-base-duration) var(--ui-base-easing),background var(--ui-base-duration) var(--ui-base-easing)}.create-alt-card:hover{border-color:color-mix(in oklch,var(--ui-surface-foreground),transparent 70%);background:var(--ui-surface-raised)}.create-alt-card-icon{display:flex;align-items:center;justify-content:center;color:color-mix(in oklch,var(--ui-surface-foreground),transparent 40%)}.create-alt-card-label{font-size:var(--ui-text-sm);font-weight:var(--ui-weight-medium);color:var(--ui-surface-foreground)}.layout-picker-back{align-self:flex-start;margin-bottom:calc(var(--ui-base-spacing) * 3)}.layout-picker-back-link{display:inline-flex;align-items:center;gap:calc(var(--ui-base-spacing) * .75);font-family:var(--ui-font-sans);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-medium);color:color-mix(in oklch,var(--ui-surface-foreground),transparent 40%);text-decoration:none;padding:calc(var(--ui-base-spacing) * .5) calc(var(--ui-base-spacing) * 1);border-radius:var(--ui-base-radius);transition:color var(--ui-base-duration) var(--ui-base-easing),background var(--ui-base-duration) var(--ui-base-easing)}.layout-picker-back-link:hover{color:var(--ui-surface-foreground);background:color-mix(in oklch,var(--ui-surface-foreground),transparent 93%)}.layout-picker-options{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--ui-base-spacing) * 2.5);width:100%;max-width:480px}.layout-picker-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ui-base-spacing) * 2);padding:calc(var(--ui-base-spacing) * 4) calc(var(--ui-base-spacing) * 3);text-decoration:none;border:var(--ui-border-width) solid var(--ui-border);border-radius:calc(var(--ui-base-radius) * 1.5);background:var(--ui-surface);cursor:pointer;transition:border-color var(--ui-base-duration) var(--ui-base-easing),background var(--ui-base-duration) var(--ui-base-easing)}.layout-picker-card:hover{border-color:color-mix(in oklch,var(--ui-surface-foreground),transparent 70%);background:var(--ui-surface-raised)}.layout-picker-card-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--ui-base-spacing) * 6);height:calc(var(--ui-base-spacing) * 6);border-radius:calc(var(--ui-base-radius) * .75);background:color-mix(in oklch,var(--ui-surface-foreground),transparent 93%);color:color-mix(in oklch,var(--ui-surface-foreground),transparent 30%);transition:background var(--ui-base-duration) var(--ui-base-easing)}.layout-picker-card:hover .layout-picker-card-icon{background:color-mix(in oklch,var(--ui-surface-foreground),transparent 88%)}.layout-picker-card-text{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ui-base-spacing) * .5)}.layout-picker-card-title{font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);color:var(--ui-surface-foreground)}.layout-picker-card-desc{font-size:var(--ui-text-sm);color:color-mix(in oklch,var(--ui-surface-foreground),transparent 45%)}