:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#06c;--primary-focus:#0071e3;--primary-on-dark:#2997ff;--ink:#1d1d1f;--ink-muted:#7a7a7a;--body-muted-dark:#ccc;--canvas:#fff;--parchment:#f5f5f7;--pearl:#fafafc;--tile-1:#272729;--tile-2:#2a2a2c;--black:#000;--hairline:#e0e0e0;--divider-soft:#f0f0f0;--danger:#d70015;--page-width:1040px;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--pill:9999px;letter-spacing:-.374px;background:var(--parchment);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--parchment);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:active{transform:scale(.95)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-focus);outline-offset:3px}.aurora{display:none}.topbar{z-index:30;background:var(--black);color:#fff;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;min-height:44px;padding:0 clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand,.topbar-actions,.hero-actions,.mini-actions,.run-meta,.card-actions,.modal-actions{align-items:center;gap:12px;display:flex}.brand{color:#fff;letter-spacing:-.12px;font-size:12px;font-weight:400;text-decoration:none}.brand-mark{background:linear-gradient(var(--black), var(--black)) padding-box, linear-gradient(135deg, #fff, #d2d2d7) border-box;border:1px solid #0000;border-radius:5px;width:18px;height:18px}.kbd{border-radius:var(--radius-sm);color:#d2d2d7;letter-spacing:-.12px;border:1px solid #ffffff42;min-height:24px;padding:5px 8px;font-size:12px;line-height:1}main{z-index:1;width:100%;margin:0 auto;position:relative}.hero{width:min(var(--page-width), calc(100% - 32px));background:var(--canvas);text-align:center;grid-template-columns:1fr;place-items:center;min-height:400px;margin:0 auto;padding:80px clamp(20px,5vw,80px);display:grid}.hero-copy{width:min(900px,100%)}.eyebrow{color:var(--ink-muted);letter-spacing:-.224px;text-transform:none;margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.29}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;max-width:none;margin-bottom:17px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(48px,7vw,80px);font-weight:600;line-height:1.07}h2{letter-spacing:-.01em;margin-bottom:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(28px,3.2vw,40px);font-weight:600;line-height:1.1}h3{margin-bottom:12px;font-size:17px;font-weight:600;line-height:1.24}.hero-subtitle{margin-inline:auto;max-width:780px;color:var(--ink);letter-spacing:.196px;margin-bottom:32px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(21px,2.25vw,28px);font-weight:400;line-height:1.19}.hero-actions{justify-content:center}.primary-button,.secondary-button,.ghost-button,.text-button,.quick-button,.icon-button,.nav-button{border-radius:var(--pill);border:0;transition:transform .12s}.primary-button{color:#fff;background:var(--primary);letter-spacing:-.374px;min-height:44px;padding:11px 22px;font-size:17px;font-weight:400;line-height:1.29}.primary-button.wide{justify-content:center;width:100%;min-height:48px}.secondary-button,.ghost-button,.quick-button{min-height:44px;color:var(--primary);border:1px solid var(--primary);background:0 0;padding:11px 22px}.ghost-button{color:#fff;letter-spacing:-.224px;border-color:#ffffff70;min-height:32px;padding:8px 15px;font-size:14px;line-height:1.29}.quick-button{border-color:var(--hairline);background:var(--canvas);min-height:36px;color:var(--ink);padding:8px 14px;font-size:14px}.text-button{min-height:32px;color:var(--primary);background:0 0;padding:6px 8px}.text-button.danger{color:var(--danger)}.negative-rail{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--parchment);color:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;display:grid;position:relative}.rail-frame{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);flex-direction:column;justify-content:space-between;min-height:146px;padding:24px;display:flex}.rail-frame:nth-child(2),.rail-frame:nth-child(3){background:var(--pearl)}.rail-frame span,.field-note,.image-card-body span,.reference-item span,.empty-state{color:var(--ink-muted);letter-spacing:-.224px;font-size:14px;line-height:1.43}.rail-frame span{color:var(--primary)}.rail-frame strong{color:var(--ink);letter-spacing:.231px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:21px;font-weight:600;line-height:1.19}.workspace{width:min(var(--page-width), calc(100% - 32px));background:var(--parchment);align-items:start;gap:20px;margin:0 auto;padding:20px 0 80px;display:grid}.panel,.modal-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);box-shadow:none}.panel{padding:24px}.workspace>.panel:nth-child(2n){background:var(--pearl)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:17px;margin-bottom:24px;display:flex}textarea,input,select{border-radius:var(--pill);width:100%;min-height:44px;color:var(--ink);background:var(--canvas);border:1px solid #00000014;padding:12px 20px}textarea{resize:vertical;border-radius:var(--radius-lg);min-height:220px;line-height:1.47}select{appearance:none}.field{gap:8px;display:grid}.field>span{color:var(--ink);letter-spacing:-.224px;font-size:14px;font-weight:600;line-height:1.29}.form-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-grid{grid-template-columns:1fr}.settings-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);margin:12px 0;padding:24px;display:none}.settings-card.active{gap:17px;display:grid}.dropzone{border:1px dashed var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);text-align:center;place-items:center;gap:8px;min-height:190px;display:grid}.dropzone.dragging{border-color:var(--primary-focus)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.drop-icon{width:44px;height:44px;color:var(--ink);background:#d2d2d7a3;border-radius:50%;place-items:center;font-size:28px;display:grid}.reference-list,.gallery{gap:12px;margin-top:17px;display:grid}.reference-item,.image-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.reference-item img,.image-card img,.test-preview img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%;box-shadow:3px 5px 30px #00000038}.reference-item div,.image-card-body{gap:4px;min-width:0;display:grid}.reference-item strong,.image-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);min-height:132px;color:var(--ink);background:var(--canvas);text-align:left;padding:24px}.template-card:focus-visible,.style-chip:focus-visible,.quick-button:focus-visible,.provider-tabs button:focus-visible{outline-offset:2px}.template-card span{color:var(--ink-muted);letter-spacing:-.224px;margin-top:8px;font-size:14px;line-height:1.43;display:block}.style-group{border-top:1px solid var(--divider-soft);grid-template-columns:84px minmax(0,1fr);align-items:start;gap:17px;padding:17px 0;display:grid}.style-group h3{color:var(--ink);margin:8px 0 0;font-size:14px}.chip-row,.quick-row,.provider-tabs{flex-wrap:wrap;gap:8px;display:flex}.style-chip,.provider-tabs button{border:1px solid var(--hairline);border-radius:var(--pill);min-height:44px;color:var(--ink);background:var(--canvas);padding:12px 16px;font-size:14px;line-height:1.29}.style-chip.selected,.provider-tabs button.active{color:var(--ink);border:2px solid var(--primary-focus);background:var(--canvas);font-weight:600}.status-pill{border-radius:var(--pill);color:#fff;background:var(--primary);min-height:32px;padding:8px 14px;font-size:14px;line-height:1.29}.status-pill[data-status=發生錯誤]{background:var(--danger)}.summary-box,.error-box{border-radius:var(--radius-md);background:var(--parchment);margin-top:17px;padding:12px 16px}.error-box{color:var(--danger);background:#fff2f4;border:1px solid #d7001538}.thumb-button{border-radius:var(--radius-sm);background:0 0;border:0;padding:0}.image-card{grid-template-columns:96px minmax(0,1fr)}.icon-button{width:44px;height:44px;color:var(--ink);background:#d2d2d7a3}.secret-field>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.modal,.lightbox{z-index:80;position:fixed;inset:0}.modal[hidden],.lightbox[hidden],.gemini-only[hidden]{display:none}.modal-backdrop{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#00000052;position:absolute;inset:0}.modal-card{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#f5f5f7e6;width:min(860px,100% - 28px);max-height:calc(100vh - 42px);margin:21px auto;padding:24px;position:relative;overflow:auto}.prompt-modal-card{width:min(720px,100% - 28px)}.prompt-preview{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);color:var(--ink);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px;line-height:1.47;overflow:auto}.test-preview{max-width:180px;margin-top:17px}.lightbox{background:#000000eb;place-items:center;display:grid}.lightbox figure{width:min(920px,100% - 120px);margin:0}.lightbox img{border-radius:var(--radius-lg);max-width:100%;max-height:78vh;margin:0 auto;display:block;box-shadow:3px 5px 30px #00000038}.lightbox figcaption{color:var(--body-muted-dark);text-align:center;margin-top:17px}.lightbox-close{position:absolute;top:20px;right:20px}.nav-button{width:44px;height:44px;color:var(--ink);background:#d2d2d7a3;font-size:32px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:active{transform:translateY(-50%)scale(.95)}.nav-button.prev{left:20px}.nav-button.next{right:20px}@media (width<=1068px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar{padding-inline:12px}.kbd{display:none}.hero{min-height:auto;padding:48px 20px}h1{font-size:34px}.hero-subtitle{font-size:21px}.workspace{padding-inline:12px;padding-bottom:48px}.negative-rail,.template-grid,.form-grid{grid-template-columns:1fr}.panel-heading,.hero-actions,.modal-actions{flex-direction:column;align-items:stretch}.style-group{grid-template-columns:1fr}.reference-item,.image-card{grid-template-columns:72px minmax(0,1fr)}.reference-item .icon-button{grid-column:1/-1;width:100%}.lightbox figure{width:calc(100% - 32px)}.nav-button{top:auto;bottom:22px;transform:none}.nav-button:active{transform:scale(.95)}}@media (width<=419px){h1{font-size:28px}}@media (prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;transition:none!important}}