.alo_6G_preview{min-width:0}.alo_6G_toolbar{gap:var(--space-3);flex-wrap:wrap;display:flex}.alo_6G_container{background:var(--color-surface);width:100%;min-width:0;overflow:hidden}.alo_6G_stage{margin-inline:auto;position:relative}.alo_6G_frame{transform-origin:0 0;background:var(--paper);border:0;position:absolute;top:0;left:0}.alo_6G_controls{gap:var(--space-4);padding-block:var(--space-5);display:grid}.alo_6G_controls button{justify-self:start}.alo_6G_slider{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,10rem) minmax(0,1fr) 4rem;display:grid}.alo_6G_slider input{width:100%;min-width:0;min-height:44px;accent-color:var(--color-primary)}@media (max-width:600px){.alo_6G_slider{grid-template-columns:minmax(0,1fr) 4rem}.alo_6G_slider input{grid-area:2/1/auto/-1}}
.yVNt0a_holder{background:#fff;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #141e1924}.yVNt0a_poster{transform-origin:0 0;-webkit-user-select:none;user-select:none;background:#fbf7ef;position:absolute;top:0;left:0;overflow:hidden}.yVNt0a_background{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.yVNt0a_label{pointer-events:none;position:absolute;overflow:hidden}.yVNt0a_label img{max-width:none;position:absolute}.yVNt0a_text{white-space:pre;text-align:inherit;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex;position:absolute;overflow:visible}.yVNt0a_text>span{box-sizing:border-box;width:100%;display:block}button.yVNt0a_text{cursor:text;font:inherit;color:inherit}.yVNt0a_text[data-open]{outline:var(--ring) dashed #c9922b;outline-offset:calc(var(--ring) * 2)}.yVNt0a_text[data-hint]{opacity:.55;font-style:italic}.yVNt0a_text[data-selected]{opacity:1;outline-style:solid;outline-color:#0f4a3a}.yVNt0a_text[data-selected][data-hint]{opacity:.7}.yVNt0a_photo{touch-action:none;position:absolute;overflow:hidden}.yVNt0a_photo img{pointer-events:none;max-width:none;position:absolute}.yVNt0a_photo[data-open]{cursor:grab;outline:var(--ring) dashed #c9922b;outline-offset:calc(var(--ring) * -1)}.yVNt0a_photo[data-open]:active{cursor:grabbing}.yVNt0a_photo[data-selected]{outline-style:solid;outline-color:#0f4a3a}.yVNt0a_photoHint{color:#6b5a3a;text-align:center;white-space:normal;background:#fbf7ef8c;flex-direction:column;justify-content:center;align-items:center;gap:.4em;padding:8%;font-family:Nunito,sans-serif;font-weight:700;display:flex;position:absolute;inset:0}.yVNt0a_text[data-tap]{cursor:pointer}.yVNt0a_arrange{position:absolute;inset:0}.yVNt0a_arrangeBox{cursor:move;outline:var(--ring) dashed #1551a08c;outline-offset:0;touch-action:none;position:absolute}.yVNt0a_arrangeBox[data-locked]{outline-color:#5b647673}.yVNt0a_arrangeBox:hover{background:#1551a00f}.yVNt0a_arrangeBox[data-selected]{outline:calc(var(--ring) * 1.5) solid #1551a0;z-index:2;background:#1551a014}.yVNt0a_arrangeBox:focus-visible{outline:calc(var(--ring) * 2) solid #1551a0}.yVNt0a_arrangeLabel{color:#fff;white-space:nowrap;pointer-events:none;background:#1551a0;border-radius:.3em .3em 0 0;padding:.15em .5em;font-family:Nunito,sans-serif;font-weight:800;position:absolute;bottom:100%;left:0}.yVNt0a_arrangeHandle{cursor:nwse-resize;background:#1551a0;border:2px solid #fff;border-radius:50%;position:absolute;bottom:0;right:0;transform:translate(50%,50%);box-shadow:0 1px 4px #0000004d}.yVNt0a_photo[data-movable]{cursor:grab}.yVNt0a_photo[data-movable]:active{cursor:grabbing}
._919w9q_page{min-height:100svh;padding:var(--space-5) var(--space-4) var(--space-7);background:var(--color-background);color:var(--color-text)}._919w9q_page>*{max-width:72rem;margin-inline:auto}._919w9q_head{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}._919w9q_head h1{color:var(--color-heading);font-family:var(--font-heading);font-weight:var(--heading-weight,700);margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1}._919w9q_head p{max-width:40rem;color:var(--color-caption);margin:0}._919w9q_eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:800}._919w9q_split{gap:var(--space-4) var(--space-6);grid-template-areas:"side""form";display:grid}._919w9q_side{z-index:5;padding:var(--space-2) 0;background:var(--color-background);grid-area:side;position:sticky;top:0}@media (min-width:64rem){._919w9q_split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"form side";align-items:start}._919w9q_side{top:var(--space-4);background:0 0;padding:0}}._919w9q_form{gap:var(--space-4);grid-area:form;align-content:start;display:grid}._919w9q_preview{gap:var(--space-2);grid-area:preview;justify-items:center;display:grid}._919w9q_actions{gap:var(--space-2);flex-wrap:wrap;grid-area:actions;align-content:start;display:flex}._919w9q_actions .button{min-height:44px;padding:.5rem 1rem}@media (max-width:63.99rem){._919w9q_preview{z-index:5;padding:var(--space-2) 0;background:var(--color-background);position:sticky;top:0;box-shadow:0 8px 16px -12px #141e1959}._919w9q_actions .button{flex:auto}}._919w9q_stage{width:100%;max-width:min(100%, 34rem, calc((100svh - 15rem) * var(--ratio,.8)))}@media (max-width:63.99rem){._919w9q_stage{max-width:min(100%, calc(40svh * var(--ratio,.8)))}}._919w9q_field{gap:6px;display:grid}._919w9q_field>label,._919w9q_label{font-weight:800}._919w9q_optional{color:var(--color-caption);font-weight:600}._919w9q_counter{color:var(--color-caption);gap:2px;margin:0;font-size:.8125rem;display:grid}._919w9q_counter strong{color:var(--color-danger);font-weight:700}._919w9q_hint{color:var(--color-caption);margin:0}._919w9q_photoActions{gap:var(--space-2);flex-wrap:wrap;display:flex}._919w9q_photoActions .button{cursor:pointer;min-height:44px;padding:.5rem 1rem}._919w9q_zoom{gap:var(--space-3);grid-template-columns:auto 1fr;align-items:center;font-weight:700;display:grid}._919w9q_reset{color:var(--color-danger);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-size:.875rem;display:inline-flex}._919w9q_status{min-height:1.5em;color:var(--color-caption);flex-basis:100%;margin:0;font-size:.9375rem}._919w9q_choices{gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}._919w9q_formats{border:1px solid var(--color-border);background:var(--color-background);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}._919w9q_formats button{min-height:36px;padding:0 var(--space-3);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:700}._919w9q_formats button[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 6px -2px color-mix(in srgb, var(--color-primary) 70%, transparent)}._919w9q_formats button:not([aria-pressed=true]):hover{background:var(--color-soft)}._919w9q_palettes{flex-wrap:wrap;gap:6px;display:inline-flex}._919w9q_palettes button{border:2px solid var(--color-border);cursor:pointer;background:0 0;border-radius:10px;width:46px;height:30px;padding:0;display:inline-flex;overflow:hidden}._919w9q_palettes button span{flex:1}._919w9q_palettes button[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary)}
.KVSoGW_designs,.KVSoGW_format,.KVSoGW_box{padding:var(--space-3);border:1px solid var(--line);border-radius:12px;margin:0}.KVSoGW_designs legend,.KVSoGW_format legend,.KVSoGW_box legend{padding:0 6px;font-weight:800}.KVSoGW_design{gap:var(--space-2) var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.KVSoGW_design+.KVSoGW_design{border-top:1px solid var(--line)}.KVSoGW_design[data-current] strong:after{content:" · dipakai";color:#1d7a47;font-weight:700}.KVSoGW_design p{margin:2px 0 0}.KVSoGW_formats{gap:var(--space-3);display:grid}@media (min-width:60rem){.KVSoGW_formats{grid-template-columns:1fr 1fr}}.KVSoGW_check{align-items:center;gap:var(--space-2);cursor:pointer;font-weight:700;display:inline-flex}.KVSoGW_check input{width:18px;height:18px}.KVSoGW_preview{gap:var(--space-2);display:grid}.KVSoGW_previewBar{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.KVSoGW_tabs{border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.KVSoGW_tabs button{min-height:32px;padding:0 var(--space-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.8125rem;font-weight:700}.KVSoGW_tabs button[aria-pressed=true]{background:var(--blue);color:#fff}.KVSoGW_previewStage{width:100%;max-width:26rem}.KVSoGW_previewStage[data-format=story]{max-width:18rem}.KVSoGW_rows{gap:var(--space-2);display:grid}.KVSoGW_sub{margin:var(--space-2) 0 0;color:#5b6476;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.KVSoGW_row{border:1px solid var(--line);background:#fff;border-radius:12px}.KVSoGW_row[open]{border-color:var(--blue)}.KVSoGW_row summary{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-3);cursor:pointer;list-style:none;display:flex}.KVSoGW_row summary::-webkit-details-marker{display:none}.KVSoGW_kind{width:30px;height:30px;color:var(--blue);background:#eef4fd;border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid}.KVSoGW_rowTitle{flex:1;min-width:0;font-weight:700;display:grid}.KVSoGW_rowTitle small{color:#5b6476;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.KVSoGW_rowError{color:#9a273d;background:#fbe9ec;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:800}.KVSoGW_rowBody{gap:var(--space-3);padding:0 var(--space-3) var(--space-3);display:grid}.KVSoGW_field{gap:4px;min-width:0;font-size:.875rem;font-weight:700;display:grid}.KVSoGW_num{gap:4px;min-width:0;font-size:.8125rem;font-weight:700;display:grid}.KVSoGW_num input{min-height:40px;padding:.4rem .5rem}.KVSoGW_grid2{gap:var(--space-2);display:grid}@media (min-width:40rem){.KVSoGW_grid2{grid-template-columns:1fr 1fr}}.KVSoGW_grid4{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:40rem){.KVSoGW_grid4{grid-template-columns:repeat(4,minmax(0,1fr))}}.KVSoGW_color{gap:6px;display:flex}.KVSoGW_color input[type=color]{border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:2px}.KVSoGW_remove{color:#9a273d;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-size:.875rem;font-weight:700;display:inline-flex}.KVSoGW_add{gap:var(--space-2);flex-wrap:wrap;display:flex}.KVSoGW_rowBody .textarea{min-height:64px}.KVSoGW_saveDesign{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);display:grid}.KVSoGW_saveDesign summary{color:var(--blue);cursor:pointer;align-items:center;gap:6px;font-weight:800;display:inline-flex}.KVSoGW_saveDesign[open]{gap:var(--space-3)}.KVSoGW_types,.KVSoGW_palettes{flex-wrap:wrap;gap:6px;display:flex}.KVSoGW_types button,.KVSoGW_palettes button{border:1px solid var(--line);min-height:38px;color:var(--color-text);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:700;display:inline-flex}.KVSoGW_types button[aria-pressed=true],.KVSoGW_palettes button[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}.KVSoGW_swatch{border:1px solid #0000001f;border-radius:999px;width:36px;height:18px;display:inline-flex;overflow:hidden}.KVSoGW_swatch i{flex:1}.KVSoGW_sizeGroup{gap:6px;display:grid}.KVSoGW_sizes{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:6px;display:grid}.KVSoGW_size{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:6px 10px;font-size:.875rem;font-weight:700;display:flex}.KVSoGW_size[data-on]{border-color:var(--blue);background:#eef4fd}.KVSoGW_size input{flex-shrink:0;width:18px;height:18px}.KVSoGW_size span{display:grid}.KVSoGW_size small{color:#5b6476;font-weight:600}.KVSoGW_backgrounds{gap:var(--space-3);display:grid}.KVSoGW_backgrounds summary{color:var(--blue);cursor:pointer;font-weight:800}.KVSoGW_step{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);background:#fff;border-radius:14px;display:grid}.KVSoGW_step h3{align-items:center;gap:var(--space-2);margin:0;font-size:1.05rem;display:flex}.KVSoGW_stepNumber{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.875rem;font-weight:900;display:inline-grid}.KVSoGW_gallery{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));display:grid}.KVSoGW_tile{border:2px solid var(--line);background:var(--page);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:6px;padding:8px;display:grid}.KVSoGW_tile:hover{border-color:#9fb7da}.KVSoGW_tile[aria-pressed=true]{border-color:var(--blue);background:#eef4fd}.KVSoGW_tilePreview{pointer-events:none;border-radius:6px;max-height:12rem;display:block;overflow:hidden}.KVSoGW_tileName{align-items:center;gap:4px;font-weight:800;display:inline-flex}.KVSoGW_tileSizes{color:#5b6476;font-size:.75rem;font-weight:600}.KVSoGW_arrangeBar{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.KVSoGW_swatches{flex-wrap:wrap;gap:6px;display:inline-flex}.KVSoGW_swatches button{border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;width:46px;height:28px;padding:0;display:inline-flex;overflow:hidden}.KVSoGW_swatches button i{flex:1}.KVSoGW_swatches button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue)}.KVSoGW_workspace{gap:var(--space-4);align-items:start;display:grid}@media (min-width:56rem){.KVSoGW_workspace{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem)}}.KVSoGW_canvas{width:100%;margin-inline:auto}.KVSoGW_side{gap:var(--space-3);display:grid}@media (min-width:56rem){.KVSoGW_side{top:calc(var(--sticky-top,8rem) + .5rem);position:sticky}}.KVSoGW_tips{gap:var(--space-2);padding:var(--space-3);background:var(--page);border-radius:12px;display:grid}.KVSoGW_tips p{margin:0}.KVSoGW_tips svg{vertical-align:-4px;color:var(--blue)}.KVSoGW_boxList{flex-wrap:wrap;gap:6px;display:flex}.KVSoGW_boxList button{min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #9fb7da;border-radius:999px;padding:0 10px;font-size:.8125rem;font-weight:700}.KVSoGW_boxList button[data-locked]{border-color:var(--line);color:#5b6476}.KVSoGW_boxList button[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}.KVSoGW_addButton{border:1px dashed var(--blue);min-height:40px;color:var(--blue);font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-weight:800;display:inline-flex}.KVSoGW_inspector{gap:var(--space-3);padding:var(--space-3);border:2px solid var(--blue);background:#fff;border-radius:12px;display:grid}.KVSoGW_inspectorHead{align-items:center;gap:var(--space-2);display:flex}.KVSoGW_inspectorName{flex:1;min-width:0;min-height:40px;padding:.4rem .6rem;font-weight:800}.KVSoGW_iconButton{background:var(--page);cursor:pointer;border:0;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:inline-grid}.KVSoGW_range{gap:4px;font-size:.875rem;font-weight:700;display:grid}.KVSoGW_tools{flex-wrap:wrap;gap:6px;display:flex}.KVSoGW_segment{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.KVSoGW_segment button{border:0;border-right:1px solid var(--line);min-width:36px;min-height:36px;font:inherit;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:.875rem;font-weight:700;display:inline-flex}.KVSoGW_segment button:last-child{border-right:0}.KVSoGW_segment button[aria-pressed=true]{background:var(--blue);color:#fff}.KVSoGW_tones{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.KVSoGW_tones button,.KVSoGW_ownColor{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:3px;display:inline-grid}.KVSoGW_tones button i{border-radius:50%;width:100%;height:100%;box-shadow:inset 0 0 0 1px #00000026}.KVSoGW_tones button[aria-pressed=true],.KVSoGW_ownColor[data-on]{border-color:var(--blue)}.KVSoGW_ownColor input{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.KVSoGW_advanced{gap:var(--space-2);display:grid}.KVSoGW_advanced summary{color:var(--blue);cursor:pointer;font-weight:800}.KVSoGW_more{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);background:#fff;border-radius:14px;display:grid}.KVSoGW_more summary{cursor:pointer;font-weight:800}
.FXGjtW_frame{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;display:grid;box-shadow:0 1px 2px #141e190f,0 18px 40px -24px #141e1973}@media (min-width:64rem){.FXGjtW_frame{gap:var(--space-3);padding:var(--space-3)}}.FXGjtW_head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-1);display:flex}.FXGjtW_title{color:var(--color-caption);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.FXGjtW_toggle{border:1px solid var(--color-border);background:var(--color-background);min-height:34px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:.8125rem;font-weight:700;display:inline-flex}@media (min-width:64rem){.FXGjtW_toggle{display:none}}.FXGjtW_body{gap:var(--space-2);justify-items:center;display:grid}@media (max-width:63.99rem){.FXGjtW_frame[data-hidden] .FXGjtW_body{display:none}}.FXGjtW_stage{width:100%;max-width:min(100%, 34rem, calc((100svh - 17rem) * var(--ratio,.8)))}@media (max-width:63.99rem){.FXGjtW_stage{max-width:min(100%, calc(31svh * var(--ratio,.8)))}}.FXGjtW_actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);display:flex}.FXGjtW_actions .button{flex:1 1 0;min-width:0;min-height:46px;padding:.4rem .75rem;font-size:.9375rem}.FXGjtW_actions .button--primary{flex-grow:1.6}.FXGjtW_status{min-height:0;padding:0 var(--space-1);color:var(--color-caption);margin:0;font-size:.8125rem}.FXGjtW_status:empty{display:none}
.JhzwSq_figma{gap:var(--space-2);display:grid}.JhzwSq_figmaButton{cursor:pointer;justify-self:start}.JhzwSq_figmaButton[aria-disabled]{opacity:.7;cursor:progress}.JhzwSq_figmaSteps{color:#4a5060;gap:4px;margin:0;padding-left:1.25rem;font-size:.875rem;display:grid}.JhzwSq_figmaSteps code{background:var(--page);border-radius:4px;padding:0 4px;font-size:.8125rem}.JhzwSq_figmaResult{padding:var(--space-2) var(--space-3);color:#1d6b40;background:#eefaf3;border-radius:10px;font-size:.875rem}.JhzwSq_figmaResult[data-tone=error]{color:#9a273d;background:#fbe9ec}.JhzwSq_figmaResult p,.JhzwSq_figmaResult ul{margin:0}.JhzwSq_figmaResult ul{padding-left:1.1rem}.JhzwSq_builtIn{gap:var(--space-3);display:grid}.JhzwSq_builtIn summary{color:var(--blue);cursor:pointer;font-weight:700}.JhzwSq_fieldList{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.JhzwSq_fieldRow{padding:var(--space-2) var(--space-3);background:#fff;border:1px solid #9fb7da;border-radius:12px;gap:6px;display:grid}.JhzwSq_fieldRow[data-locked]{border-color:var(--line);background:var(--page)}.JhzwSq_fieldRowHead{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.JhzwSq_fieldName{flex:10rem;min-width:0;min-height:40px;padding:.35rem .6rem;font-weight:800}.JhzwSq_fieldRow .textarea{min-height:44px}.JhzwSq_fieldGuide{align-items:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.JhzwSq_fieldGuide>.input{flex:14rem;min-width:0}.JhzwSq_fieldLimit{color:#4a5060;flex:0 0 7rem;gap:2px;font-size:.75rem;font-weight:700;display:grid}
._9ndZ3W_studio{--control-radius:12px;--control-ring:color-mix(in srgb, var(--color-primary) 22%, transparent);--control-line:color-mix(in srgb, var(--color-text) 22%, transparent)}:is(._9ndZ3W_studio .input,._9ndZ3W_studio .textarea){border:1px solid var(--control-line);border-radius:var(--control-radius);background:color-mix(in srgb, var(--color-background) 70%, #fff);min-height:48px;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);padding:.7rem .9rem}._9ndZ3W_studio .textarea{min-height:96px}:is(._9ndZ3W_studio .input:hover,._9ndZ3W_studio .textarea:hover){border-color:color-mix(in srgb, var(--color-text) 40%, transparent)}:is(._9ndZ3W_studio .input:focus-visible,._9ndZ3W_studio .textarea:focus-visible){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--control-ring);outline:none}._9ndZ3W_studio .input::placeholder{color:color-mix(in srgb, var(--color-text) 45%, transparent)}._9ndZ3W_studio .textarea::placeholder{color:color-mix(in srgb, var(--color-text) 45%, transparent)}._9ndZ3W_studio .button{border-radius:var(--control-radius);letter-spacing:.01em;transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);gap:8px;font-weight:700}._9ndZ3W_studio .button--primary{box-shadow:0 8px 18px -10px color-mix(in srgb, var(--color-primary) 80%, transparent)}._9ndZ3W_studio .button--primary:hover{box-shadow:0 10px 22px -10px color-mix(in srgb, var(--color-primary) 90%, transparent)}._9ndZ3W_studio .button--secondary{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);background:color-mix(in srgb, var(--color-background) 70%, #fff)}._9ndZ3W_studio .button--secondary:hover{border-color:var(--color-primary);background:var(--color-soft)}._9ndZ3W_studio .button:active:not(:disabled){transform:translateY(1px)}._9ndZ3W_studio .button:focus-visible{box-shadow:0 0 0 3px var(--control-ring);outline:none}._9ndZ3W_studio .button:disabled{opacity:.6;cursor:progress;box-shadow:none}._9ndZ3W_studio .button--quiet{padding-inline:.75rem}._9ndZ3W_studio input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}
