.ip-page{--ip-accent:#c5b0ff;max-width:1360px;margin:auto;padding:32px clamp(16px,3vw,48px) 64px;color:var(--text,#f4f1fa)}.ip-page *{box-sizing:border-box}.ip-page a,.ip-page button{touch-action:manipulation}.ip-page button:disabled{opacity:.5;cursor:not-allowed}.ip-page a:focus-visible,.ip-page button:focus-visible,.ip-page textarea:focus-visible,.ip-upload:focus-visible{outline:2px solid var(--ip-accent);outline-offset:4px}.ip-page button{font:inherit;cursor:pointer}.ip-page p{color:var(--muted,#a39cad);line-height:1.7}.ip-page h1,.ip-page h2,.ip-page h3,.ip-page p{margin:0}.ip-page h2{font-size:clamp(26px,3.1vw,39px);line-height:1.14;letter-spacing:-.035em}.ip-page h3{letter-spacing:-.015em}.ip-page a{color:var(--ip-accent);text-decoration:none}.ip-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px!important;letter-spacing:.13em;font-weight:700;color:var(--ip-accent)!important}.ip-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}.ip-hero h1{font-size:clamp(28px,4vw,48px);letter-spacing:-.045em;line-height:1.12;margin:12px 0 10px}.ip-hero .ip-lead{font-size:20px;color:#ded4f5;margin-bottom:8px}.ip-hero>div>p:last-child{max-width:690px;font-size:14px}.ip-hero nav{display:flex;gap:16px;flex-shrink:0;font-size:12px;padding-bottom:5px}.ip-hero a{display:flex;align-items:center;gap:7px;color:#b6afc1}.ip-workspace{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);border:1px solid #3a304c;border-radius:18px;background:linear-gradient(140deg,#1b1624,#141119 65%);overflow:hidden;scroll-margin-top:85px;box-shadow:0 16px 55px #08060e33}.ip-input,.ip-output{padding:22px;min-width:0;display:flex;flex-direction:column}.ip-input{border-right:1px solid #302739;gap:18px}.ip-output{min-height:510px;position:relative}.ip-panel-heading{justify-content:space-between}.ip-panel-heading,.ip-panel-heading h2{display:flex;align-items:center;gap:8px}.ip-panel-heading h2{font-size:15px;letter-spacing:-.01em}.ip-panel-heading h2>span{color:#9f85cb;font-size:10px}.ip-panel-heading>span{font-size:11px;color:#b0a5bf}.ip-upload{border:1px dashed #51425f;border-radius:12px;overflow:hidden;background:#0d0a1266;transition:border-color .2s}.ip-upload.is-dragging{border-color:#cfb9ff;background:#2a1f3a}.ip-upload-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:none;border:0;width:100%;min-height:250px;color:#ece4f9;padding:24px 14px}.ip-upload-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #584269;background:#b38bd211;border-radius:15px;color:#c5b0ff}.ip-upload-button strong{font-size:15px}.ip-upload-button>span:not(.ip-upload-icon){font-size:12px;color:#c0b5cd}.ip-upload-button small{font-size:10px;color:#92869f}.ip-reference{position:relative;border:0;display:block;width:100%;height:245px;padding:10px;background:#0d0b12}.ip-reference img{width:100%;height:100%;object-fit:contain}.ip-reference>span{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:5px;background:#14101fe0;border:1px solid #61516c;border-radius:6px;padding:6px 8px;color:white;font-size:10px}.ip-reference-actions{display:flex;align-items:center;gap:10px;padding:9px 11px;border-top:1px solid #31283a}.ip-reference-actions>span{font-size:11px;color:#a99cb6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 1}.ip-reference-actions button{background:none;border:0;color:#ccbed9;display:flex;gap:5px;align-items:center;font-size:11px;padding:4px}.ip-input .product-select-label{color:#bdb0cc;font-size:12px}.ip-input .product-select>button{background:#231c2c;border:1px solid #44364f;color:#eee7f7;min-height:42px}.ip-submit-area{margin-top:auto}.ip-submit-area>p{font-size:11px!important;margin-bottom:10px!important}.ip-primary{border:1px solid #a586d1;background:#b897ef!important;color:#160e24!important;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:650}.ip-primary:hover{background:#ccb1ff!important}.ip-submit-area .ip-primary{width:100%}.ip-primary small{margin-left:auto;border-left:1px solid #51366d55;padding-left:13px;font-size:11px;font-weight:500}.ip-error{background:#d9707e10;border:1px solid #d9707e33;border-radius:8px;padding:10px;color:#f0b4bd!important;font-size:12px;overflow-wrap:anywhere}.ip-error small{display:block;font-size:10px;margin-top:8px;color:#c3a2ae}.ip-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);z-index:120;display:flex;align-items:center;gap:18px;background:#292032;border:1px solid #6b507d;border-radius:10px;box-shadow:0 8px 35px #0006;padding:12px 15px;font-size:13px}.ip-toast a,.ip-toast button{display:flex;align-items:center;gap:5px}.ip-toast button{border:0;background:none;color:#d7c9e4}.ip-empty{flex:1 1;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:26px 20px;color:#8c719f}.ip-empty>svg{margin-bottom:25px;color:#a68ac9;stroke-width:1.2}.ip-empty h3{color:#e2d7ed;font-size:20px;font-weight:500}.ip-empty p{max-width:350px;font-size:13px;margin-top:12px}.ip-empty>div{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:26px}.ip-empty>div>span{font-size:10px;padding:5px 8px;border:1px solid #302739;border-radius:5px;color:#9585a5}.ip-result-note{display:flex;gap:10px;justify-content:space-between;font-size:10px;color:#ad9abb;margin:18px 0 14px;overflow-wrap:anywhere}.ip-result-note>span{flex-shrink:0;color:#8e829b}.ip-result-field{margin-bottom:15px;min-width:0}.ip-result-field>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ip-result-field label{font-size:12px;color:#dfd1ee}.ip-result-field button{display:flex;gap:5px;align-items:center;background:none;border:0;color:#bda2d5;font-size:10px;padding:4px}.ip-result-field textarea{display:block;resize:vertical;width:100%;min-height:155px;max-height:400px;border:1px solid #3b2f48;border-radius:9px;background:#0d0a1359;color:#e2d8ef;font:12px/1.75 inherit;font-family:inherit;font-size:12px;line-height:1.75;padding:12px;scrollbar-gutter:stable}.ip-result-field textarea#ip-negativePrompt{min-height:85px}.ip-result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.ip-result-actions>button:not(.ip-primary){display:flex;align-items:center;gap:6px;background:#292032;border:1px solid #49364f;border-radius:8px;color:#d2c4df;padding:10px 11px;font-size:11px;min-height:42px}.ip-result-actions .ip-primary{font-size:12px}.ip-receipt{display:flex;gap:5px;align-items:center;font-size:10px;color:#bda7d5;margin-top:12px}.ip-spin{animation:ip-spin 1.4s linear infinite}@keyframes ip-spin{to{transform:rotate(1turn)}}.ip-feature-strip{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;padding:17px 0;color:#a99bb9;border-bottom:1px solid #2e2737;font-size:11px}.ip-feature-strip span{display:flex;align-items:center;gap:7px}.ip-feature-strip svg{color:#9b7dbe}.ip-section{padding-top:72px;scroll-margin-top:40px}.ip-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:28px}.ip-section-heading .ip-eyebrow{margin-bottom:12px}.ip-section-heading>p{max-width:415px;font-size:13px}.ip-examples{border:1px solid #392c47;border-radius:15px;background:#18131e;overflow:hidden}.ip-example-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #382b44}.ip-example-tabs button{padding:14px 6px 12px;display:flex;flex-direction:column;gap:8px;align-items:center;border:0;border-bottom:2px solid transparent;background:none;color:#a99aba;font-size:11px;min-width:0}.ip-example-tabs button[aria-selected=true]{color:#e2cef9;border-bottom-color:#b894e8;background:#b58ce50b}.ip-example-tabs img{width:55px;height:55px;border-radius:8px;object-fit:cover;filter:saturate(.8)}.ip-example-panel{display:grid;grid-template-columns:240px 1fr;grid-gap:35px;gap:35px;align-items:center;padding:28px}.ip-example-panel>img{width:100%;height:auto;border-radius:10px}.ip-example-panel h3{font-size:20px;margin:12px 0}.ip-example-panel p{font-size:13px;line-height:1.85}.ip-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.ip-steps article{padding-top:18px;border-top:1px solid #493254}.ip-steps article>span{color:#b38dcf;font-size:12px}.ip-steps h3{font-size:18px;margin:16px 0 10px}.ip-steps p{font-size:13px}.ip-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 24px;gap:0 24px}.ip-detail-grid article{padding:22px 0;border-top:1px solid #352a41}.ip-detail-grid svg{color:#b495d2}.ip-detail-grid h3{font-size:16px;margin:13px 0 9px}.ip-detail-grid p{font-size:12px}.ip-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px}.ip-compare>div>p{font-size:13px;margin-top:18px}.ip-compare .ip-eyebrow{margin-bottom:14px}.ip-compare article{padding:20px 0;border-top:1px solid #44304e}.ip-compare article>span{font-size:9px;letter-spacing:.1em;color:#b997d8}.ip-compare h3{font-size:17px;margin:10px 0}.ip-compare article p{font-size:12px}.ip-compare a,.ip-expectations a{display:inline-flex;align-items:center;gap:8px;font-size:12px;margin-top:15px}.ip-expectations{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:45px;gap:45px}.ip-expectations>div{padding:25px 0;border-top:1px solid #3a2b44}.ip-expectations p{font-size:13px;margin-top:17px}.ip-expectations h3{font-size:18px;margin-top:14px}.ip-expectations svg{color:#baa0d4}.ip-faq{display:grid;grid-template-columns:1fr 1.7fr;grid-gap:45px;gap:45px}.ip-faq h2{margin-top:13px}.ip-faq>div>p{font-size:13px;margin-top:15px}.ip-faq details{border-top:1px solid #3b2c47;padding:17px 0}.ip-faq summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;gap:16px;font-size:14px;color:#e0d4eb}.ip-faq summary::-webkit-details-marker{display:none}.ip-faq summary>span{color:#b794d3;font-size:20px;font-weight:300}.ip-faq details[open] summary>span{transform:rotate(45deg)}.ip-faq details p{font-size:12px;margin-top:13px}.ip-faq details a{text-decoration:underline;text-underline-offset:3px}.ip-related>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:25px}.ip-related a{border:1px solid #3c2c47;border-radius:12px;padding:20px;position:relative;background:#b695d207}.ip-related h3{color:#ddcce9;font-size:15px;margin-bottom:10px}.ip-related p{font-size:12px;padding-right:15px}.ip-related svg{margin-top:16px}.ip-final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;border-top:1px solid #3a2a43;margin-top:68px;padding:45px 0 0}.ip-final>svg{color:#b79bd0}.ip-final .ip-primary{width:-moz-fit-content;width:fit-content}@media(min-width:1500px){.ip-input,.ip-output{padding:26px}.ip-reference{height:280px}.ip-upload-button{min-height:280px}}@media(max-width:1050px){.ip-hero{display:block}.ip-hero nav{margin-top:18px}.ip-workspace{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.ip-input,.ip-output{padding:17px}.ip-example-panel{grid-template-columns:190px 1fr;gap:22px}.ip-section-heading{gap:25px}.ip-section-heading>p{max-width:320px}.ip-section{padding-top:55px}}@media(max-width:760px){.ip-page{padding:22px 15px 45px}.ip-hero h1{font-size:33px}.ip-hero .ip-lead{font-size:18px}.ip-hero>div>p:last-child{font-size:12px}.ip-workspace{grid-template-columns:1fr}.ip-input{border-right:0;border-bottom:1px solid #36273e}.ip-output{min-height:310px}.ip-upload-button{min-height:200px}.ip-reference{height:255px}.ip-empty{min-height:260px;padding:25px 12px}.ip-section-heading{display:block}.ip-section-heading>p{max-width:none;margin-top:18px}.ip-section h2{font-size:30px}.ip-feature-strip{justify-content:flex-start;gap:13px;font-size:10px}.ip-example-tabs{grid-template-columns:repeat(3,1fr)}.ip-example-tabs img{width:48px;height:48px}.ip-example-panel{grid-template-columns:1fr;padding:20px;gap:20px}.ip-example-panel>img{width:180px;justify-self:center}.ip-example-panel h3{font-size:19px}.ip-steps{grid-template-columns:1fr;gap:22px}.ip-steps h3{margin:10px 0}.ip-detail-grid{grid-template-columns:1fr 1fr;gap:0 18px}.ip-compare,.ip-expectations,.ip-faq{grid-template-columns:1fr;gap:24px}.ip-related>div{grid-template-columns:1fr;gap:12px}.ip-related a{padding:18px}.ip-related svg{position:absolute;right:15px;top:4px}.ip-toast{gap:10px;font-size:11px}.ip-toast a{white-space:nowrap}.ip-result-field textarea{font-size:16px}.ip-primary{font-size:13px}}@media(prefers-reduced-motion:reduce){.ip-spin{animation:none}.ip-upload{transition:none}}.ip-hero nav{flex-wrap:wrap;max-width:310px;justify-content:flex-end;row-gap:10px}.ip-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.ip-gallery-toolbar>span{font-size:10px;color:var(--muted)}.ip-gallery-filters{display:flex;gap:5px;flex-wrap:wrap}.ip-gallery-filters button{display:flex;gap:8px;align-items:center;border:1px solid transparent;background:transparent;border-radius:7px;padding:9px 12px;min-height:40px;font-size:12px;color:#aca0bb}.ip-gallery-filters button[aria-pressed=true]{background:#b994ed15;border-color:#9170b151;color:#e4d5f6}.ip-gallery-filters button>span{font-size:9px;opacity:.65}.ip-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.ip-sample-card{min-width:0;overflow:hidden;border:1px solid #3c2f4880;border-radius:13px;background:#1a151f}.ip-sample-image{position:relative;width:100%;height:245px;display:block;background:radial-gradient(ellipse,#30293a,#0f0c13);border:0;padding:12px}.ip-sample-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.ip-sample-image:hover img{transform:scale(1.025)}.ip-sample-image>span{position:absolute;bottom:10px;right:10px;display:flex;gap:6px;align-items:center;font-size:10px;color:#efe7f8;background:#15101de8;border:1px solid #8c789b66;border-radius:6px;padding:6px 8px}.ip-sample-copy{padding:18px}.ip-sample-copy>span{font-size:10px;color:#aa8fc3}.ip-sample-copy h3{font-size:16px;line-height:1.4;margin:9px 0}.ip-sample-copy p{font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:61px}.ip-sample-copy button{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ip-accent);padding:12px 0 0;font-size:11px;min-height:40px}.ip-more{display:block;margin:24px auto 0;padding:11px 21px;background:#b48cdb10;border:1px solid #73578e;border-radius:8px;color:#ddc7f0;font-size:12px;min-height:42px}.ip-style-comparison>details{border-block:1px solid #3b2e47;padding:24px 0}.ip-style-comparison summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}.ip-style-comparison summary::-webkit-details-marker{display:none}.ip-style-comparison summary h2{font-size:25px;margin-top:9px}.ip-style-comparison summary>span{display:flex;gap:8px;align-items:center;font-size:12px;color:#bba3d0}.ip-style-comparison details[open] summary>span svg{transform:rotate(180deg)}.ip-style-intro{font-size:13px;max-width:700px;margin:22px 0!important}.ip-sample-dialog{width:1120px;--ip-accent:#c5b0ff}.ip-sample-dialog>.dialog-surface{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);height:min(800px,88dvh);background:#18131e}.ip-sample-modal-image{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;background:#0c0a10;padding:20px}.ip-sample-modal-image img{max-width:100%;max-height:100%;object-fit:contain}.ip-sample-modal-image>span{position:absolute;left:16px;bottom:10px;color:#c4b8cf;font-size:10px;background:#15101ddd;padding:5px 8px;border-radius:4px}.ip-sample-modal-copy{padding:36px 28px 24px;overflow:auto;min-width:0;color:#ede4f6;scrollbar-gutter:stable}.ip-sample-modal-copy h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:12px 25px 24px 0}.ip-sample-modal-copy button{font:inherit;cursor:pointer;touch-action:manipulation}.ip-sample-text{border-top:1px solid #493653;margin-top:22px;padding-top:15px}.ip-sample-text>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.ip-sample-text h3{font-size:13px;font-weight:500;margin:0}.ip-sample-text button{display:flex;gap:6px;align-items:center;color:#ccb0e8;border:0;background:none;font-size:11px;padding:8px}.ip-sample-text p{font-size:12px;line-height:1.85;white-space:pre-wrap;color:#c6b9d0;overflow-wrap:anywhere;margin:12px 0 0;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ip-sample-review{font-size:11px;line-height:1.7;color:#b2a1bf;border-left:2px solid #9372b5;padding-left:12px;margin-top:24px}.ip-sample-review strong{color:#d7c4e7}.ip-sample-actions{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.ip-sample-dialog button:focus-visible{outline:2px solid #c5b0ff;outline-offset:3px}.ip-sample-dialog .dialog-close{z-index:3;background:#201a29;border:1px solid #71577c}.ip-edit-layout{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);grid-gap:40px;gap:40px}.ip-edit-layout figure{margin:0;align-self:start;position:-webkit-sticky;position:sticky;top:85px}.ip-edit-layout figure img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;background:#17121d;border-radius:12px}.ip-edit-content{min-width:0}.ip-caption-example{padding-bottom:18px;border-bottom:1px solid #3f2e4b}.ip-build-example>span,.ip-caption-example>span{font-size:9px;letter-spacing:.1em;color:#9c83b1}.ip-caption-example p{font-size:16px;margin-top:8px}.ip-build-example{margin-top:20px}.ip-build-example p{font-size:14px;line-height:2;margin-top:12px}.ip-build-example mark{color:#eee5f7;background:none;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-bottom:2px solid #b999e68a}.ip-build-example .ip-mark-subject{border-color:#7ba8ce99}.ip-build-example .ip-mark-light{border-color:#d2a66e99}.ip-clause-key{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#9c8bab;margin-top:14px}.ip-clause-key span:before{content:"";display:inline-block;width:6px;height:6px;background:#b999e6;margin-right:5px;border-radius:50%}.ip-clause-key span:nth-child(2):before{background:#7ba8ce}.ip-clause-key span:nth-child(3):before{background:#d2a66e}.ip-edit-swaps{margin-top:28px}.ip-edit-swaps h3{font-size:15px}.ip-edit-swaps dl{margin:14px 0 0}.ip-edit-swaps dl>div{display:grid;grid-template-columns:120px 1fr;grid-gap:14px;gap:14px;border-top:1px solid #35283e;padding:14px 0}.ip-edit-swaps dt{font-size:12px;color:#d5bfea}.ip-edit-swaps dd{font-size:12px;line-height:1.7;color:#a89ab5;margin:0}.ip-edit-content>a,.ip-reference-guide a{display:inline-flex;gap:7px;align-items:center;font-size:12px;margin-top:18px}.ip-reference-guide{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:50px;gap:50px}.ip-reference-guide h2{margin-top:12px}.ip-reference-guide>div>p{font-size:13px;margin-top:17px;max-width:330px}.ip-reference-checks article{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #3b2d47;padding:20px 0}.ip-reference-checks svg{flex-shrink:0;color:#b496d1;margin-top:2px}.ip-reference-checks h3{font-size:14px}.ip-reference-checks p{font-size:12px;margin-top:8px}.ip-use-table{overflow:auto;border-block:1px solid #4e385c}.ip-use-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.7}.ip-use-table td,.ip-use-table th{padding:16px;vertical-align:top;border-bottom:1px solid #34263e}.ip-use-table thead th{color:#ad91c5;font-size:10px;font-weight:500;letter-spacing:.04em;background:#a785ce08}.ip-use-table tbody th{width:18%;color:#d9c5e9;font-weight:500}.ip-use-table td{color:#a79ab3}.ip-use-table td:nth-child(2){width:29%;color:#d1c2dc}.ip-use-table tr:last-child>*{border-bottom:0}@media(max-width:1050px){.ip-hero nav{max-width:none;justify-content:flex-start}.ip-gallery-toolbar>span{display:none}.ip-sample-image{height:210px}.ip-edit-layout{gap:25px}.ip-sample-copy{padding:14px}}@media(max-width:760px){.ip-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ip-sample-image{height:190px;padding:8px}.ip-sample-image>span{left:6px;right:6px;bottom:7px;justify-content:center;font-size:8px;padding:5px}.ip-sample-copy{padding:12px}.ip-sample-copy>span{font-size:9px}.ip-sample-copy h3{font-size:13px}.ip-sample-copy p{font-size:11px;min-height:56px}.ip-sample-copy button{font-size:10px;gap:4px}.ip-gallery-filters button{font-size:11px;padding:8px 10px;gap:5px}.ip-gallery-filters{gap:1px}.ip-style-comparison summary{align-items:flex-start}.ip-style-comparison summary h2{font-size:21px}.ip-style-comparison summary>span{font-size:10px;max-width:95px;line-height:1.6;margin-top:6px}.ip-sample-dialog>.dialog-surface{display:block;height:auto;overflow:auto}.ip-sample-modal-image{height:min(48dvh,390px);padding:16px}.ip-sample-modal-copy{padding:22px 20px;overflow:visible}.ip-sample-modal-copy h2{font-size:23px}.ip-edit-layout{grid-template-columns:1fr;gap:25px}.ip-edit-layout figure{position:static;display:block}.ip-edit-layout figure img{width:100%;max-height:280px}.ip-build-example p{font-size:13px}.ip-edit-swaps dl>div{grid-template-columns:95px 1fr;gap:10px}.ip-reference-guide{grid-template-columns:1fr;gap:24px}.ip-reference-guide>div>p{max-width:none}.ip-use-table td,.ip-use-table th{padding:13px 9px;font-size:11px}.ip-use-table tbody th{width:22%}.ip-use-table td:nth-child(2){width:29%}.ip-use-table thead th{font-size:9px}}@media(max-width:360px){.ip-gallery-filters button{padding:8px;font-size:10px}.ip-sample-image{height:160px}.ip-sample-copy h3{font-size:12px}.ip-sample-copy button{font-size:9px}.ip-sample-copy button svg{display:none}}@media(prefers-reduced-motion:reduce){.ip-sample-image img{transition:none}}@media(max-width:760px){.ip-sample-dialog .dialog-close{position:-webkit-sticky;position:sticky;float:right;top:10px;right:10px;margin:10px 10px -54px 0;min-width:44px;min-height:44px}.ip-sample-text p{font-size:13px}.ip-sample-copy p{font-size:12px}}@media(max-width:360px){.ip-sample-grid{grid-template-columns:1fr}.ip-sample-image{height:230px}.ip-sample-copy h3{font-size:15px}.ip-sample-copy button{font-size:12px}.ip-sample-image>span{left:auto;font-size:10px;padding:7px}.ip-gallery-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;grid-gap:5px;gap:5px}.ip-gallery-filters button{font-size:12px;justify-content:center;min-height:44px}}