*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.studio{font-family:Assistant,sans-serif;color:#3e3030;font-size:17px;line-height:1.55;max-width:100%;overflow-wrap:anywhere}.studio h1,.studio h2,.studio h3{font-family:Assistant,sans-serif;line-height:1.2}.studio h2{font-size:24px;margin:8px 0 16px}.studio p{margin:8px 0 16px}.studio button,.studio input,.studio select,.studio textarea{font:inherit;color:inherit}.studio button{cursor:pointer;min-height:44px;border:1px solid #C7AEA6;background:#fffaf6;border-radius:9px;padding:10px 13px;transition:background .16s,border-color .16s;max-width:100%;white-space:normal}.studio button:disabled{opacity:.5;cursor:default}.studio button:focus-visible,.studio summary:focus-visible{outline:3px solid #963047;outline-offset:2px}.studio button.chosen,.studio .chosen{border-color:#963047;background:#fbe4dd;color:#76283b;font-weight:700}.studio .primary{background:#963047;color:#fff;border-color:#963047;font-weight:700;width:100%;min-height:54px;font-size:19px}.studio button:hover:not(:disabled){border-color:#963047}.studio .text-button{border:0;background:none;text-decoration:underline;padding:5px 0;text-align:right}.muted{color:#655452;font-size:16px}.brand{width:230px;max-width:80%;margin:12px auto 30px;display:block}.welcome{text-align:center}.home-menu{display:grid;gap:0}.studio .home-option{border:0;border-bottom:1px solid #E7D4CC;background:#fff;display:grid;text-align:right;grid-template-columns:45px 1fr;padding:22px 0;column-gap:16px;border-radius:0}.home-option>span:first-child{font-size:34px;grid-row:span 2;align-self:center;color:#963047}.home-option strong{font-size:23px}.home-option span:last-child{font-size:17px;color:#655452}.steps{display:flex;gap:6px;margin:16px 0;flex-wrap:wrap}.steps button{flex:1;padding:8px 5px;white-space:nowrap;font-size:16px}.workspace{display:flex;flex-direction:column;gap:16px;position:relative}.controls{display:flex;flex-direction:column;gap:14px;min-width:0}.preview-dock{position:sticky;top:0;z-index:5;background:#fff;padding:10px 0 8px;border-bottom:1px solid #E7D4CC;text-align:center}.art{height:min(35dvh,285px);aspect-ratio:9/16;margin:auto;box-shadow:0 3px 15px #4f302020;max-width:100%}.art.square{aspect-ratio:1}.art canvas{display:block;width:100%;height:100%}.preview-meta{font-size:16px;margin-top:6px;color:#655452}.frame-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.frame-nav button{padding:4px 10px}.controls label{display:flex;flex-direction:column;gap:7px;font-size:17px;font-weight:600}.studio textarea,.studio input:not([type=checkbox]):not([type=range]):not([type=color]),.studio select{width:100%;min-width:0;padding:12px;border:1px solid #C7AEA6;border-radius:8px;font-size:18px;background:#fff;line-height:1.5}.studio textarea{resize:vertical}.studio textarea:focus,.studio input:focus,.studio select:focus{outline:2px solid #963047;outline-offset:1px}.studio input[type=range]{width:100%;min-height:44px;accent-color:#963047}.studio input[type=color]{height:44px;width:100%;border:1px solid #C7AEA6}.studio .check{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:400;min-height:44px}.check input{width:22px;height:22px;accent-color:#963047}.studio fieldset{border:0;padding:0;margin:8px 0;min-width:0}.studio legend{font-weight:700;margin-bottom:10px;font-size:18px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button{flex-grow:1}.section-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.section-heading h2{margin:0}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.design-tile{min-width:0;border-bottom:2px solid #E7D4CC;padding-bottom:10px}.design-tile.active{border-color:#963047}.studio .pick{padding:0;border:0;border-radius:0;width:100%;display:flex;flex-direction:column;align-items:stretch;background:#fff;text-align:right}.pick canvas{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;background:#f8efe7}.pick strong{font-size:18px;margin:7px 0 0}.pick span{font-size:16px;color:#655452}.studio .like{margin-top:6px;font-size:16px;width:100%;border:0;text-align:right;background:none;padding:5px 0}.studio .like.loved{color:#963047;font-weight:700}.voice-samples{display:grid;gap:7px}.voice-samples button{font-size:21px;text-align:right;background:#fff}.studio details{border-top:1px solid #E7D4CC;padding:12px 0}.studio details>label,.studio details>fieldset{margin:16px 0}.studio summary{cursor:pointer;min-height:44px;display:list-item;font-weight:700;font-size:17px;padding:8px 0}.status{padding:12px;background:#fff0e7;color:#6f293b;font-size:17px}.qa{color:#36594d;font-size:16px;font-weight:600}.frame-edit{padding:10px 0;border-bottom:1px solid #E7D4CC}.frame-edit .choices{margin-top:8px}.export img{max-width:100%;height:auto;display:block;touch-action:auto}.export a{color:#76283b;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.font-health{margin-top:24px;font-size:16px}.writing{display:block}.studio footer{font-size:16px}@media(min-width:768px){.workspace:not(.writing){display:grid;grid-template-columns:1fr 1.15fr;align-items:start;gap:32px}.preview-dock{top:18px;border:0}.art{height:550px;max-height:65dvh}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.home-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.studio .home-option{grid-template-columns:1fr;gap:10px;text-align:center}.steps{max-width:600px}.controls{padding-bottom:20px}}@media(max-width:340px){.steps button{font-size:16px;padding:6px 3px}.catalog{gap:8px}.preview-dock{padding-top:6px}.art{height:30dvh}.studio .home-option{grid-template-columns:35px 1fr;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:767px){.workspace:not(.writing) .controls{max-height:360px;overflow-y:auto;overscroll-behavior-y:contain;padding:4px 3px 30px;scrollbar-width:thin;scrollbar-color:#963047 #F3E5DB}.workspace:not(.writing){gap:8px}.preview-dock{position:relative;top:auto}.art{height:260px;max-height:none}}@media(max-height:700px)and (max-width:767px){.art{height:190px}.workspace:not(.writing) .controls{max-height:280px}}.editor-dialog{border:0;border-radius:16px;padding:16px;color:#3e3030;background:#fff;max-width:1040px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);font-family:Assistant,sans-serif;overflow:auto}.editor-dialog::backdrop{background:#30262766}.editor-dialog .steps{margin-top:0}.editor-dialog .workspace{gap:10px}.editor-dialog .preview-dock{padding-top:0}.editor-dialog .art{height:260px}.editor-dialog .controls{max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:4px 4px 20px}.editor-dialog .frame-nav{margin:0}.editor-dialog .preview-meta{margin-top:4px}@media(min-width:768px){.editor-dialog .art{height:500px}.editor-dialog .controls{max-height:620px}.editor-dialog .preview-dock{top:0}}@media(max-height:700px){.editor-dialog .art{height:190px}.editor-dialog .controls{max-height:250px}}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px;min-height:44px}.modal-heading strong{font-size:18px}.editor-dialog .controls{max-height:300px}@media(max-height:700px){.editor-dialog .art{height:170px}.editor-dialog .controls{max-height:210px}}@media(min-width:768px){.editor-dialog .controls{max-height:560px}}.zip-link{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid #963047;border-radius:8px;color:#76283b;text-decoration:underline;font-size:17px}.editor-dialog .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor-dialog .steps button{padding:7px 4px;font-size:16px;min-width:0}.editor-dialog .controls{max-height:min(300px,calc(var(--instinct-modal-height,780px) - 490px));min-height:130px}@media(max-height:700px){.editor-dialog .controls{max-height:min(210px,calc(var(--instinct-modal-height,620px) - 400px))}}@media(min-width:768px){.editor-dialog .controls{max-height:min(560px,calc(var(--instinct-modal-height,780px) - 180px));min-height:200px}}.studio .editor-dialog .art{height:clamp(130px,calc(var(--instinct-modal-height,740px) - 430px),260px)}.studio .editor-dialog .workspace:not(.writing) .controls{max-height:min(300px,calc(var(--instinct-modal-height,740px) - clamp(130px,calc(var(--instinct-modal-height,740px) - 430px),260px) - 230px));min-height:90px}@media(min-width:768px){.studio .editor-dialog .art{height:min(460px,calc(var(--instinct-modal-height,780px) - 190px))}.studio .editor-dialog .workspace:not(.writing) .controls{max-height:calc(var(--instinct-modal-height,780px) - 180px);min-height:150px}}:root{--ds-page:#f6f2ef;--instinct-modal-height:100dvh}body{background:#f6f2ef}.app-card{width:min(100%,1040px);margin:0 auto;background:#fffdfb;padding:26px 24px;min-height:100dvh}.studio header{text-align:center;margin:18px 0 36px}.studio header h1{font-size:30px;font-weight:600}.studio footer{border-top:1px solid #e7d4cc;margin-top:34px;padding:20px 0;font-size:14px;color:#655452}.close-button{font-size:24px!important;border:0!important;background:transparent!important}.editor-dialog{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;top:0!important;margin:12px auto!important}.editor-dialog::backdrop{background:#30262777}@media(min-width:768px){.app-card{padding:40px 48px}.studio header h1{font-size:38px}}@media(max-width:767px){.studio .editor-dialog .art{height:clamp(130px,24dvh,205px)}.studio .editor-dialog .workspace:not(.writing) .controls{max-height:calc(100dvh - clamp(130px,24dvh,205px) - 215px);min-height:180px}.studio .editor-dialog:has(.frame-nav) .workspace:not(.writing) .controls{max-height:calc(100dvh - clamp(130px,24dvh,205px) - 260px)}.editor-dialog .modal-heading{min-height:34px}.studio .close-button{min-height:34px;padding:0 10px}}.studio .voice-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio .voice-samples button{font-size:18px;padding:7px;min-height:44px}.studio .selected-design{font-size:16px;font-weight:700;color:#76283b;margin:0}.studio .field-help{display:block;font-weight:400;font-size:16px;color:#655452}.studio .editor-dialog .close-button{min-width:44px;min-height:44px}.studio .catalog .pick canvas{height:112px;width:auto;max-width:100%;margin:auto;display:block}.studio .catalog .pick{padding:8px}.studio .catalog .pick strong,.studio .catalog .pick span{font-size:16px}.studio .voice-samples{margin-bottom:6px}.studio .voice-heading{margin:0;font-size:20px}.studio .section-heading h2{font-size:23px}.studio .editor-dialog .steps button{min-width:0;white-space:normal}@media(max-width:340px){.step-number{display:none}.studio .editor-dialog .steps button{padding:7px 2px;font-size:16px}.studio .section-heading h2{font-size:20px}}